Custom SearchView whole clickable in android

Question

I have a SearchView widget in my app, and I want to ask some questions about making it custom. First of all, you can start search only by clicking on search icon, is there any way to make whole SearchView clickable? Also, is there a way to make SearchView appear something like this when it is clicked?

It is now in this state:

Here is my code:

citySearch = (SearchView) findViewById(R.id.city_search_bar); citySearch.setBackgroundResource(R.drawable.search_background); citySearch.setOnSearchClickListener(new OnClickListener() {      @Override     public void onClick(View arg0) {         citySearch.setIconifiedByDefault(true);         //citySearch.setIconified(true);     }  }); citySearch.setOnQueryTextListener(new OnQueryTextListener() {      @Override     public boolean onQueryTextChange(String text) {          ((Filterable) cityListView.getAdapter()).getFilter().filter(text);          return false;     }      @Override     public boolean onQueryTextSubmit(String text) {          return false;     }  });  try {     Field searchField = SearchView.class.getDeclaredField("mSearchButton");     searchField.setAccessible(true);     ImageView searchBtn = (ImageView)searchField.get(citySearch);     searchBtn.setImageResource(R.drawable.search_icon);     searchBtn.setScaleType(ScaleType.FIT_CENTER);     searchPlate.setBackgroundResource(R.drawable.search_background); } catch (NoSuchFieldException e) {     Log.e("SEARCHSTYLEERROR",e.getMessage(),e); } catch (IllegalAccessException e) {     Log.e("SEARCHSTYLEERROR",e.getMessage(),e); } 

Answer 1

By default the SearchView is 'iconified', which is displayed as a magnifying glass icon and only if the user clicks on the icon, then the edit field expands.

To enable the user to click anywhere on the SearchView and expand the input field. We just need to add a click listener and call setIconified(false) when the user clicks.

searchView = (SearchView)findViewById(R.id.searchView); searchView.setOnClickListener(new View.OnClickListener() {         @Override         public void onClick(View v) {             searchView.setIconified(false);         }     }); 

Answer 2

By default the SearchView is 'iconified'. So you should use this code in java:

SearchView searchView = (SearchView) findViewById(R.id.searchView); searchView.setOnClickListener(new View.OnClickListener() {     @Override     public void onClick(View v) {         searchView.setIconified(false);     } }); 

or use this in xml:

<SearchView         android:id="@+id/searchView"         android:iconifiedByDefault="false" /> 

this 2 ways is correct, but different in icons display.