Remove Search View icon from hint text

Question

I am using appcompat library with a toolbar and I have implemented a search view in my app. But i want to remove the search view icon when its expanded.

here is my menu xml file:

<item
    android:id="@+id/action_search"
    android:icon="@drawable/ic_search"
    android:title="@string/action_search"
    app:actionViewClass="android.support.v7.widget.SearchView"
    app:showAsAction="ifRoom|collapseActionView"/>

and this is how I inflate the menu:

getMenuInflater().inflate(R.menu.main, menu);
SearchView searchView = (SearchView) MenuItemCompat.getActionView(menu.findItem(R.id.action_search));
searchView.setQueryHint(getString(R.string.search_hint));
return super.onCreateOptionsMenu(menu);

this is what i want to remove:

enter image description here

Check : http://stackoverflow.com/questions/14606294/remove-icon-logo-from-action-bar-on-android — Haresh Chhelana, Dec 03 '14 at 06:42
Check [this](http://stackoverflow.com/questions/29633952/how-to-delete-or-change-the-searchview-icon-inside-the-searchview-actionbar/33229228#33229228) out — Sarasranglt, Oct 20 '15 at 09:01
Have you considered that what you want the **is** a `EditText`? I had SO MANY problems trying to make simple things in the `SearchView` that i concluded that it wasn't designed for customization.. a simple edit text with some style solved my problem with the icon — Gabriel Rohden, Oct 04 '18 at 17:35
Follow this question answer: https://stackoverflow.com/a/63988419/6160172 — Jamil Hasnine Tamim, Sep 21 '20 at 08:11

Rafael · Answer 1 · 2015-09-21T09:32:29.830

24

This helped me to remove Search icon

searchView.setIconified(false);

If you want searchView always expanded use just this:

searchView.onActionViewExpanded();

edited Sep 21 '15 at 09:32

answered Sep 21 '15 at 05:28

Rafael

6,091
5
54
79

Perfect, after trying every solution, this one works! – Nicolas Jan 24 '17 at 20:20

score 17 · Answer 2 · answered Apr 22 '16 at 22:30

17

Try this:

In your app theme, add the following line:

<item name="searchViewStyle">@style/MySearchViewStyle</item>

Add define the style at below:

<style name="MySearchViewStyle" parent="Widget.AppCompat.SearchView">
    <item name="searchHintIcon">@null</item>
</style>

answered Apr 22 '16 at 22:30

hac.jack

586
5
13

I prefer this solution over using private id's or reflection. Just make sure you are using the support version of the SearchView (android.support.v7.widget.SearchView) – jesusF10 Nov 14 '16 at 04:20
Does anyone know where to find the official documentation for the `searchViewStyle`? – PrashanD Aug 18 '18 at 09:09

score 5 · Answer 3 · answered Feb 25 '16 at 19:24

try {
    Field mDrawable = SearchView.class.getDeclaredField("mSearchHintIcon");
    mDrawable.setAccessible(true);
    Drawable drawable = (Drawable) mDrawable.get(searchView);
    drawable.setBounds(0, 0, 0, 0);
} catch (Exception e) {
    e.printStackTrace();
}

setBounds does the magic

score 4 · Answer 4 · answered Dec 25 '17 at 19:43

4

The simplest way is Here... In case of AppCompat

app:iconifiedByDefault="false"
app:searchIcon="@null"

OR in other case

android:iconifiedByDefault="false"
android:searchIcon="@null"

answered Dec 25 '17 at 19:43

Inzimam Tariq IT

6,548
8
42
69

score 4 · Answer 5 · answered Jul 09 '18 at 09:42

<item android:id="@+id/menu_search"
        android:icon="@drawable/action_search"
        app:actionLayout="@layout/xx_layout"
        app:showAsAction="always"/>

and in xx_layout:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.SearchView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/search_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:searchHintIcon="@null"
    android:iconifiedByDefault="true" />

score 2 · Answer 6 · answered Dec 03 '14 at 07:06

In your onCreateOptionsMenu

int searchPlateId = searchView.getContext().getResources()
            .getIdentifier("android:id/search_src_text", null, null);
    EditText searchPlate = (EditText) searchView
            .findViewById(searchPlateId);
    searchPlate.setHint("");

score 1 · Answer 7 · answered Jun 10 '16 at 11:30

If you look at the android source code for the layout of SearchView , you will see that the search icon has a id search_mag_icon. So in onCreateOptionsMenu,

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
    MenuInflater inflater = getMenuInflater();
    inflater.inflate(R.menu.menu_search,menu);
    MenuItem searchViewItem = menu.findItem(R.id.search);
    SearchView searchView = (SearchView)searchViewItem.getActionView();        
    searchView.findViewById(R.id.search_mag_icon).setVisibility(View.GONE);
}

Just find the view by id and set its visibility to gone.

score 1 · Answer 8 · answered Sep 21 '20 at 08:10

For androidx and new version of SearchView: If you add SearchView from code, it's effective for that. Add new style in styles.xm

<style name="SearchViewMy" parent="Widget.AppCompat.Light.SearchView">
    <item name="searchHintIcon">@null</item>
</style>

and applied that style in your app theme:

<style name="Theme.App" parent="Theme.AppCompat.Light.NoActionBar.FullScreen">
    <item name="searchViewStyle">@style/SearchViewMy</item>
</style>

Or if you add SearchView from xml, then add this line in your layout:

app:searchHintIcon="@null"

score 0 · Answer 9 · edited May 23 '17 at 12:10

0

Look into SumeetP's answer in this question. Not sure if that works because I never used it. He gets Search icon as an ImageView. So I guess you can just set image to android.R.color.transparent so that it won't be visible.

edited May 23 '17 at 12:10

Community

1
1

answered Dec 03 '14 at 06:49

Seshu Vinay

13,560
9
60
109

This hides the image on the actionbar not in the expanded searchview imo. – Dhinakaran Thennarasu Dec 03 '14 at 07:08

score 0 · Answer 10 · answered Jan 13 '20 at 03:27

0

If you have a customized search view just add this in your .xml layout

app:searchIcon="@null" app:iconifiedByDefault="false"

answered Jan 13 '20 at 03:27

Kenart

285
3
14

score 0 · Answer 11 · answered Dec 09 '21 at 14:23

That's an old question, but this helped me a lot in my case: If you are trying to hide inside a menu, none of the questions posted here worked perfectly for me (Greetings for AK5T that almost solved my problem). What solved the problem was: Instead of putting

app:actionViewClass="android.widget.SearchView"

inside the item in menu, you can change for:

app:actionLayout="@layout/search_layout"

And, inside this layout, you can add this piece of code:

<?xml version="1.0" encoding="utf-8"?>
<android.widget.SearchView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/search_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:searchHintIcon="@drawable/nothing_drawed"/>

And, finally, inside the drawable you just create it with nothing inside, example:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

</selector>

Only this method worked for me. When I tried to hide the searchHintIcon, setting to @null or anything else, it remained the same thing as if I had written no code.

Remove Search View icon from hint text

11 Answers11