![\"SearchView](\"\/ui\/wp-content\/uploads\/2016\/04\/SearchView-in-Android.jpg\")
<\/p>\nIn Android, SearchView widget provide search user interface where users can enter a search query and then submit a request to search provider. It shows a list of query suggestions or results if available and allow the users to pick a suggestion or result to launch into.<\/p>\n
<\/p>\n
Basic SearchView code in XML:<\/strong><\/p>\n Let\u2019s we discuss some important methods of search view that may be called in order to manage the search view.<\/p>\n 1. getQuery():<\/strong><\/span>\u00a0This function is used to get the query string currently in the text field of a search view. This method returns CharSequence type value.<\/p>\n Below we get the query String from a search view.<\/p>\n 2. getQueryHint():<\/strong><\/span>\u00a0This function is used for getting the hint text that will be displayed in the query text field. This method returns a CharSequence type value.<\/p>\n Below is an example code which get the hint text that will be displayed in the query text field of a search view.<\/p>\n 3. isIconfiedByDefault():<\/strong><\/span> This method returns the default iconified state of the search field. This method returns a Boolean value either\u00a0true or false.<\/p>\n Below we get the default state of the search field.<\/p>\n 4. setIconifiedByDefault(Boolean iconify):<\/strong><\/span> This method is used to set the default or resting state of the search field. In this method we set Boolean value true or false.<\/p>\n Important Note:<\/strong><\/span> When a SearchView is used in an Action Bar as an action view for collapsible menu item then it needs to be set to iconified by default using setIconfiedByDefault(true) function. If you want the search field to always be visible, then call setIconifiedByDefault(false). true is the default value for this function. You can also set iconfied from xml by using\u00a0 iconfiedByDefault property to true or false.<\/p>\n Below we set the iconified by default value to false .<\/p>\n 5. setQueryHint(CharSequence hint):<\/strong><\/span> This method is used to set the hint text to display in the query text field. This method support CharSequence type value.<\/p>\n Below we set the query hint for a SearchView.<\/p>\n 6. setOnQueryTextFocusChangeListener(OnFocusChangeListenerlistener):<\/strong><\/span> This listener inform when the focus of the query text field changes.<\/p>\n In the below code we show the use of setOnQueryTextFocusChangeListener() of SearchView.<\/p>\n 7. setOnQueryTextListener(OnQueryTextListenerlistener):<\/strong><\/span>\u00a0It is\u00a0a user action within the SearchView.<\/p>\n Below we show the use of setOnQueryTextListener()\u00a0of search view.<\/p>\n Now let\u2019s we discuss some common attributes of a searchview that helps us to configure it in our layout (xml).<\/p>\n 1. Id:<\/strong><\/span>\u00a0id attribute is used to uniquely identify a search view.<\/p>\n 2. queryHint:<\/strong><\/span>\u00a0This attribute ia used to set optional query hint string which will\u00a0be displayed in the empty query field. Query hint is same as hint attribute for edittext.<\/p>\n Below we set the query hint of an search view.<\/p>\n 3. iconifiedByDefault:<\/strong><\/span>\u00a0This attribute of searchview is used to set the default or resting state of the search field. You can set a Boolean value for this attribute and default value is true. True value indicates you can iconifies or expands the search view.<\/p>\n Below we set the false\u00a0value for this attribute.<\/p>\n 4. background:<\/strong><\/span> background attribute is used to set the background of a search view. You can set a color or a drawable in the background of a search view. You can also set the background color in java class.<\/p>\n Below we set the red color for the background of a search view.<\/p>\n Setting background of SearchView In Java class:<\/p>\n 5. padding:<\/strong><\/span> padding attribute is used to set the padding from left, right, top or bottom.<\/p>\n paddingRight:<\/strong>\u00a0set the padding from the right side of the search view.<\/p>\n paddingLeft:<\/strong>\u00a0set the padding from the left side of the search view.<\/p>\n paddingTop:<\/strong>\u00a0set the padding from the top side of the search view.<\/p>\n paddingBottom:<\/strong>\u00a0set the padding from the bottom side of the search view<\/p>\n Padding:<\/strong>\u00a0set the padding from the all side\u2019s of the search view.<\/p>\n Below we set 40dp padding from all the sides of a search view.<\/p>\n In the below\u00a0example of SearchView we display SearchView and ListView. In this we create an animal name list and then set the Adapter to fill the data in ListView. Finally we implement SearchView.OnQueryTextListener to filter the animal list according to search query.<\/p>\n Below you can download complete SearchView Android Studio project code, see final output and step by step explanation of example:<\/p>\n [cp_modal id=”cp_id_75577″] Step 1<\/strong><\/span>:<\/span>\u00a0<\/strong>Create a new project and name it SearchViewExample<\/p>\n Step 2:<\/strong><\/span>\u00a0<\/strong>Open res -> layout ->activity_main.xml (or) main.xml and add following code:<\/p>\n In this step we open an xml file and add the code for displaying a SearchView and ListView by using its different attributes.<\/p>\n Step 3:<\/strong><\/span>\u00a0<\/strong>Open\u00a0 \u00a0src -> package -> MainActivity.java<\/p>\n In this step we open\u00a0MainActivity\u00a0and\u00a0add the code to\u00a0initiate SearchView and ListView. In this we create an Animal name list and then set the adapter to fill the data in ListView. In this we also implement SearchView.OnQueryTextListener to filter the animal list according to search query.<\/p>\n Step 4:<\/strong><\/span>\u00a0<\/strong>Now create New Class. Go to app -> java -> right click on package-> New -> Java Class and create ListViewAdapter.java and add following code. Here we extends BaseAdapter in ListViewAdapter class and then set the data in the ListView by using Modal class.<\/p>\n Step 5:<\/strong><\/span>\u00a0<\/strong>Now Create new a new layout Activity. Go to\u00a0res-> right click on layout -> New -> Activity -> Blank Activity and create list_view_items.xml<\/strong>\u00a0<\/strong>and add following code. Here we are creating items view that will be displayed inside each row.<\/p>\n Step 6:<\/strong><\/span>\u00a0<\/strong>Now create New Class. Go to app -> java -> right click on package-> New -> Java Class and create AnimalNames.java and add following code.\u00a0Here we have a constructor for setting the animal name and a function to get the animal name.<\/p>\n Output:<\/strong><\/p>\n Now run the App, you will see different Animal names listed. Now type first character of Animal that came to your mind in SearchView and you will the list is sorted.<\/p>\n","protected":false},"excerpt":{"rendered":" In Android, SearchView widget provide search user interface where users can enter a search query and then submit a request to search provider. It shows a list of query suggestions or results if available and allow the users to pick a suggestion or result to launch into. Basic SearchView code in XML: <SearchView android:id=”@+id\/simpleSearchView” android:layout_width=”wrap_content” … Continue reading SearchView Tutorial With Example In Android Studio<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"home.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1233","page","type-page","status-publish","hentry"],"acf":[],"psp_head":"<SearchView\r\nandroid:id=\"@+id\/simpleSearchView\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\" \/>\r\n<\/pre>\n
\nSearchView Methods In Android:<\/strong><\/h4>\n
SearchView simpleSearchView = (SearchView) findViewById(R.id.simpleSearchView); \/\/ inititate a search view\r\nCharSequence query = simpleSearchView.getQuery(); \/\/ get the query string currently in the text field\r\n<\/pre>\n
SearchView simpleSearchView = (SearchView) findViewById(R.id.simpleSearchView); \/\/ inititate a search view\r\nCharSequence queryHint = simpleSearchView.getQueryHint(); \/\/ get the hint text that will be displayed in the query text field\r\n<\/pre>\n
SearchView simpleSearchView = (SearchView) findViewById(R.id.simpleSearchView); \/\/ inititate a search view\r\nboolean isIconfied=simpleSearchView.isIconfiedByDefault(); \/\/ checks default iconified state of the search field\r\n<\/pre>\n
SearchView simpleSearchView = (SearchView) findViewById(R.id.simpleSearchView); \/\/ inititate a search view\r\nsimpleSearchView.setIconifiedByDefault(false);\u00a0 \/\/ set the default or resting state of the search field\r\n<\/pre>\n
SearchView simpleSearchView = (SearchView) findViewById(R.id.simpleSearchView); \/\/ inititate a search view\r\nsimpleSearchView.setQueryHint(\"Search View\"); \/\/ set the hint text to display in the query text field\r\n<\/pre>\n
SearchView simpleSearchView = (SearchView) findViewById(R.id.simpleSearchView); \/\/ inititate a search view\r\n\r\n\/\/ perform set on query text focus change listener event\r\nsimpleSearchView.setOnQueryTextFocusChangeListener(new View.OnFocusChangeListener() {\r\n@Override\r\npublic void onFocusChange(View v, boolean hasFocus) {\r\n\/\/ do something when the focus of the query text field changes\r\n}\r\n});\r\n<\/pre>\nSearchView simpleSearchView = (SearchView) findViewById(R.id.simpleSearchView); \/\/ inititate a search view\r\n\r\n\/\/ perform set on query text listener event\r\nsimpleSearchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {\r\n@Override\r\npublic boolean onQueryTextSubmit(String query) {\r\n\/\/ do something on text submit\r\nreturn false;\r\n}\r\n\r\n@Override\r\npublic boolean onQueryTextChange(String newText) {\r\n\/\/ do something when text changes\r\nreturn false;\r\n}\r\n});\r\n<\/pre>\n
\nAttributes of SearchView:<\/strong><\/h4>\n
<!-- \u00a0id of an search view used to uniquely identify it -->\r\n<SearchView\r\nandroid:id=\"@+id\/simpleSearchView\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\" \/><\/pre>\n
<SearchView\r\n android:id=\"@+id\/simpleSearchView\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:iconifiedByDefault=\"false\"\r\n android:queryHint=\"Search Here\" \/><!-- set query string of an search view --><\/pre>\n
![\"queryHint](\"\/ui\/wp-content\/uploads\/2016\/03\/queryHint-in-SearchView-Android.jpg\")
<\/p>\n<SearchView\r\n android:id=\"@+id\/simpleSearchView\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:iconifiedByDefault=\"false\"\r\n android:queryHint=\"Search here\"\/> <!-- set iconified by default to false --><\/pre>\n
![\"iconifiedByDefault](\"\/ui\/wp-content\/uploads\/2016\/03\/iconifiedByDefault-in-SearchView-Android.gif\")
<\/p>\n<SearchView\r\n android:id=\"@+id\/simpleSearchView\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:iconifiedByDefault=\"false\"\r\n android:queryHint=\"Search here\"\r\n android:background=\"#f00\"\/><!-- red color for the background of search view --><\/pre>\n
![\"background](\"\/ui\/wp-content\/uploads\/2016\/03\/background-in-SearchView.jpg\")
<\/p>\nSearchView simpleSearchView=(SearchView)findViewById(R.id.simpleSearchView);\r\nsimpleSearchView.setBackgroundColor(Color.RED);\r\n<\/pre>\n
<SearchView\r\n android:id=\"@+id\/simpleSearchView\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:iconifiedByDefault=\"false\"\r\n android:queryHint=\"Search View\"\r\n android:background=\"#f00\"\r\n android:padding=\"40dp\"\/> <!-- set 40 dp padding from all the sides of a search view --><\/pre>\n
![\"padding](\"\/ui\/wp-content\/uploads\/2016\/03\/padding-in-SearchView-Android.jpg\")
<\/p>\n
\nSearchView Example In Android Studio:<\/strong><\/h4>\n
![\"Download](\"\/ui\/wp-content\/uploads\/2016\/08\/Download-Code1.png\")
[\/cp_modal]<\/p>\n![\"SearchView](\"\/ui\/wp-content\/uploads\/2016\/04\/SearchView-Example-in-Android-Studio.gif\")
<\/p>\n<RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"fill_parent\">\r\n\r\n <SearchView\r\n android:id=\"@+id\/search\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:iconifiedByDefault=\"false\">\r\n\r\n <requestFocus \/>\r\n <\/SearchView>\r\n\r\n <ListView\r\n android:id=\"@+id\/listview\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"fill_parent\"\r\n android:layout_below=\"@+id\/search\" \/>\r\n\r\n<\/RelativeLayout><\/pre>\n
package example.abhiandroid.searchviewexample;\r\n\r\nimport android.os.Bundle;\r\nimport android.support.v7.app.AppCompatActivity;\r\nimport android.widget.ListView;\r\nimport android.widget.SearchView;\r\n\r\nimport java.util.ArrayList;\r\n\r\npublic class MainActivity extends AppCompatActivity implements SearchView.OnQueryTextListener {\r\n\r\n \/\/ Declare Variables\r\n ListView list;\r\n ListViewAdapter adapter;\r\n SearchView editsearch;\r\n String[] animalNameList;\r\n ArrayList<AnimalNames> arraylist = new ArrayList<AnimalNames>();\r\n\r\n @Override\r\n public void onCreate(Bundle savedInstanceState) {\r\n super.onCreate(savedInstanceState);\r\n setContentView(R.layout.activity_main);\r\n\r\n \/\/ Generate sample data\r\n\r\n animalNameList = new String[]{\"Lion\", \"Tiger\", \"Dog\",\r\n \"Cat\", \"Tortoise\", \"Rat\", \"Elephant\", \"Fox\",\r\n \"Cow\",\"Donkey\",\"Monkey\"};\r\n\r\n \/\/ Locate the ListView in listview_main.xml\r\n list = (ListView) findViewById(R.id.listview);\r\n\r\n for (int i = 0; i < animalNameList.length; i++) {\r\n AnimalNames animalNames = new AnimalNames(animalNameList[i]);\r\n \/\/ Binds all strings into an array\r\n arraylist.add(animalNames);\r\n }\r\n\r\n \/\/ Pass results to ListViewAdapter Class\r\n adapter = new ListViewAdapter(this, arraylist);\r\n\r\n \/\/ Binds the Adapter to the ListView\r\n list.setAdapter(adapter);\r\n\r\n \/\/ Locate the EditText in listview_main.xml\r\n editsearch = (SearchView) findViewById(R.id.search);\r\n editsearch.setOnQueryTextListener(this);\r\n }\r\n\r\n @Override\r\n public boolean onQueryTextSubmit(String query) {\r\n\r\n return false;\r\n }\r\n\r\n @Override\r\n public boolean onQueryTextChange(String newText) {\r\n String text = newText;\r\n adapter.filter(text);\r\n return false;\r\n }\r\n}<\/pre>\npackage example.abhiandroid.searchviewexample;\r\n\r\nimport android.content.Context;\r\nimport android.view.LayoutInflater;\r\nimport android.view.View;\r\nimport android.view.ViewGroup;\r\nimport android.widget.BaseAdapter;\r\nimport android.widget.TextView;\r\nimport java.util.ArrayList;\r\nimport java.util.List;\r\nimport java.util.Locale;\r\n\r\npublic class ListViewAdapter extends BaseAdapter {\r\n\r\n \/\/ Declare Variables\r\n\r\n Context mContext;\r\n LayoutInflater inflater;\r\n private List<AnimalNames> animalNamesList = null;\r\n private ArrayList<AnimalNames> arraylist;\r\n\r\n public ListViewAdapter(Context context, List<AnimalNames> animalNamesList) {\r\n mContext = context;\r\n this.animalNamesList = animalNamesList;\r\n inflater = LayoutInflater.from(mContext);\r\n this.arraylist = new ArrayList<AnimalNames>();\r\n this.arraylist.addAll(animalNamesList);\r\n }\r\n\r\n public class ViewHolder {\r\n TextView name;\r\n }\r\n\r\n @Override\r\n public int getCount() {\r\n return animalNamesList.size();\r\n }\r\n\r\n @Override\r\n public AnimalNames getItem(int position) {\r\n return animalNamesList.get(position);\r\n }\r\n\r\n @Override\r\n public long getItemId(int position) {\r\n return position;\r\n }\r\n\r\n public View getView(final int position, View view, ViewGroup parent) {\r\n final ViewHolder holder;\r\n if (view == null) {\r\n holder = new ViewHolder();\r\n view = inflater.inflate(R.layout.listview_item, null);\r\n \/\/ Locate the TextViews in listview_item.xml\r\n holder.name = (TextView) view.findViewById(R.id.name);\r\n view.setTag(holder);\r\n } else {\r\n holder = (ViewHolder) view.getTag();\r\n }\r\n \/\/ Set the results into TextViews\r\n holder.name.setText(animalNamesList.get(position).getAnimalName());\r\n return view;\r\n }\r\n\r\n \/\/ Filter Class\r\n public void filter(String charText) {\r\n charText = charText.toLowerCase(Locale.getDefault());\r\n animalNamesList.clear();\r\n if (charText.length() == 0) {\r\n animalNamesList.addAll(arraylist);\r\n } else {\r\n for (AnimalNames wp : arraylist) {\r\n if (wp.getAnimalName().toLowerCase(Locale.getDefault()).contains(charText)) {\r\n animalNamesList.add(wp);\r\n }\r\n }\r\n }\r\n notifyDataSetChanged();\r\n }\r\n\r\n}<\/pre>\n<RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"fill_parent\"\r\n android:padding=\"10dp\">\r\n \r\n <TextView\r\n android:id=\"@+id\/nameLabel\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:text=\"Animal : \" \/>\r\n\r\n <TextView\r\n android:id=\"@+id\/name\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_toRightOf=\"@+id\/nameLabel\" \/>\r\n \r\n<\/RelativeLayout><\/pre>\n
package example.abhiandroid.searchviewexample;\r\n\r\npublic class AnimalNames {\r\n private String animalName;\r\n\r\n public AnimalNames(String animalName) {\r\n this.animalName = animalName;\r\n }\r\n\r\n public String getAnimalName() {\r\n return this.animalName;\r\n }\r\n\r\n}<\/pre>\n