簡體   English   中英

更改searchview后退按鈕的顏色

[英]change color of searchview back button

我在選項菜單中有一個searchView,這是此菜單的xml代碼:

<?xml version="1.0" encoding="utf-8"?>

<menu xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item android:id="@+id/app_bar_search" android:icon="@drawable/ic_search_black_24dp" android:orderInCategory="101" android:title="search" app:actionViewClass="android.support.v7.widget.SearchView" app:showAsAction="collapseActionView|ifRoom" />
    <item android:id="@+id/garden" android:icon="@drawable/ic_local_florist_green_24dp" android:orderInCategory="101" android:title="app" app:showAsAction="always" />

    <item android:id="@+id/about" android:icon="@drawable/ic__ionicons_svg_ios_information_green_circle" android:orderInCategory="101" android:title="دabout us" app:showAsAction="always" />
</menu>

如何更改searchView中后退按鈕的顏色? 我不使用工具欄,活動主題為“ Theme.AppCompat.Light”。

一種方法是使用SearchView創建自定義appBar並設置其樣式,如下所示:

  <style name="CustomSearchViewStyle" parent="Widget.AppCompat.SearchView">
    <item name ="voiceIcon">@drawable/ic_flag</item>
    <item name="searchIcon">@drawable/ic_search</item>
    <item name="queryBackground">@color/DarkYellow</item>
    <item name="android:background">@color/MainYellow</item>
    <item name="android:paddingBottom">20dp</item>
    <item name="android:paddingTop">5dp</item>
    <item name="android:paddingStart">-15dp</item>
    <item name="android:paddingEnd">15dp</item>
    <item name="android:inputType">textCapWords</item>
</style>

並在您的SearchView

<android.support.v7.widget.SearchView
    android:id="@+id/top_search_bar"
    style="@style/CustomSearchViewStyle"
    android:layout_width="match_parent"
    android:layout_height="@dimen/search_bar_height"
    android:layout_alignParentStart="true"
    app:iconifiedByDefault="false"
    app:queryHint="@string/search_hint"
    android:layout_alignParentEnd="true" />

右鍵單擊res> new> Vector資產

在此處輸入圖片說明

Asset Studio對話框將打開。
單擊剪貼畫旁邊的按鈕。

在此處輸入圖片說明 `

選擇任何圖標。 在這種情況下,向后箭頭。 單擊顏色,然后選擇所需的任何顏色。命名圖標。 請注意,您將使用該名稱在xml中進行引用。 在這種情況下ic_arrow_back_yellow

在此處輸入圖片說明

單擊下一步,然后單擊完成。 默認情況下,它將保存在drawable中。


現在,在您的xml參考中,您添加的圖標@drawable/ic_arrow_back_yellow

<?xml version="1.0" encoding="utf-8"?>

<menu xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto">

<item android:id="@+id/app_bar_search" android:icon="@drawable/ic_arrow_back_yellow" android:orderInCategory="101" android:title="search" app:actionViewClass="android.support.v7.widget.SearchView" app:showAsAction="collapseActionView|ifRoom" />
<item android:id="@+id/garden" android:icon="@drawable/ic_local_florist_green_24dp" android:orderInCategory="101" android:title="app" app:showAsAction="always" />

<item android:id="@+id/about" android:icon="@drawable/ic__ionicons_svg_ios_information_green_circle" android:orderInCategory="101" android:title="دabout us" app:showAsAction="always" />

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM