Change color of android.support.v7.widget.SearchView

Question

I am using search view.

  <android.support.v7.widget.SearchView
            android:id="@+id/searchView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@+id/imageViewMenu"
            >
  </android.support.v7.widget.SearchView>

Is this possible to change text color and icon color to view?

Currently it shows black text and icon. I want to change it to white color text and white search icon.

score 14 · Accepted Answer · answered Jul 29 '16 at 11:56

14

This may work..

SearchView searchView = (SearchView) findViewById(R.id.search);
EditText searchEditText = (EditText)searchView.findViewById(android.support.v7.appcompat.R.id.search_src_text);
searchEditText.setTextColor(getResources().getColor(R.color.white));
searchEditText.setHintTextColor(getResources().getColor(R.color.white));

answered Jul 29 '16 at 11:56

Krishna Kachhela

773
1
7
24

1

thanks it will change text color to white.. icon is still black – Learning Always Jul 29 '16 at 12:02
You may change icon runtime or as per answer of naveen – Krishna Kachhela Jul 29 '16 at 12:05
refer this http://stackoverflow.com/questions/10445760/how-to-change-the-default-icon-on-the-searchview-to-be-use-in-the-action-bar-on – Krishna Kachhela Jul 29 '16 at 12:06
android.support.v7.widget.SearchView has not method "setTextColor" – Jakub Michalko Mar 28 '17 at 14:23
4

For AndroidX use androidx.appcompat.R.id.search_text – sivaBE35 Apr 04 '19 at 05:12

score 7 · Answer 2 · answered Aug 30 '16 at 11:55

For the android.support.v7.widget.SearchView you can change the text color, text hint color and the icon with this code :

@Override
public boolean onPrepareOptionsMenu(Menu menu) {
    MenuItem searchMenuItem = menu.findItem(R.id.menu_action_search);
    SearchView searchViewAction = (SearchView) MenuItemCompat.getActionView(searchMenuItem);

    SearchManager searchManager = (SearchManager) getSystemService(Context.SEARCH_SERVICE);
    SearchableInfo searchableInfo = searchManager.getSearchableInfo(getComponentName());

    searchViewAction.setSearchableInfo(searchableInfo);
    searchViewAction.setIconifiedByDefault(true);

    EditText searchEditText = (EditText)searchViewAction.findViewById(android.support.v7.appcompat.R.id.search_src_text);
    searchEditText.setTextColor(getResources().getColor(R.color.white));
    searchEditText.setHintTextColor(getResources().getColor(R.color.white));

    ImageView searchMagIcon = (ImageView)searchViewAction.findViewById(android.support.v7.appcompat.R.id.search_button);
    searchMagIcon.setImageResource(R.drawable.ic_search_white);


    return super.onPrepareOptionsMenu(menu);
}

score 6 · Answer 3 · answered Jul 29 '16 at 11:58

To Change the Text color :

int searchSrcTextId = getResources().getIdentifier("android:id/search_src_text", null, null);  
EditText searchEditText = (EditText) searchView.findViewById(searchSrcTextId);  
searchEditText.setTextColor(Color.WHITE);  
searchEditText.setHintTextColor(Color.LTGRAY);

To Change the close button :

int closeButtonId = getResources().getIdentifier("android:id/search_close_btn", null, null);  
ImageView closeButtonImage = (ImageView) searchView.findViewById(closeButtonId);  
closeButtonImage.setImageResource(R.drawable.ic_action_cancel);

// This excerpt is from Android source code (SearchView.java)

mSearchButton = findViewById(R.id.search_button);  
mSearchEditFrame = findViewById(R.id.search_edit_frame);  
mSearchPlate = findViewById(R.id.search_plate);  
mSubmitArea = findViewById(R.id.submit_area);  
mSubmitButton = findViewById(R.id.search_go_btn);  
mCloseButton = (ImageView) findViewById(R.id.search_close_btn);  
mVoiceButton = findViewById(R.id.search_voice_btn);  
mSearchHintIcon = (ImageView) findViewById(R.id.search_mag_icon);

Reference : link

tried .. not working. for change icon it is possible to change color without set image view? — Learning Always, Jul 30 '16 at 05:18

score 5 · Answer 4 · answered Oct 09 '17 at 19:16

5

If it resides in toolbar, set theme for toolbar. For example this makes the text(and icon) white

android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"

answered Oct 09 '17 at 19:16

saiedmomen

1,401
16
33

score 3 · Answer 5 · answered Nov 14 '17 at 13:41

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" >
    <item name="colorControlHighlight">@color/LightGray</item>
    <item name="android:textColorHint">@color/LightGray</item>
    <item name="android:editTextColor">@color/TransparentGray</item>
</style>

apply this theme to your toolbar hint that (colorControlHighlight) color of ripple effct of your menu items

score 1 · Answer 6 · answered Jul 29 '16 at 11:58

Yes, you can do it, one of ways to do it:

public static void customizeSearchView(SearchView searchView) {

        int searchTextViewId = searchView.getContext().getResources()
                .getIdentifier("android:id/search_src_text", null, null);
        AutoCompleteTextView searchTextView
                = (AutoCompleteTextView) searchView.findViewById(searchTextViewId);
        searchTextView.setTextSize(14);
        searchTextView.setTextColor(Color.WHITE);
}

Change color of android.support.v7.widget.SearchView

6 Answers6

Linked