How to use SearchView in Toolbar Android

Question

The code on which I am working  is using a Toolbar and inflating a menu   Here is the code  private Toolbar mToolbar  mToolbar inflateMenu R menu chat screen menu   setupMenu     private void setupMenu            mMenu   mToolbar getMenu       if  mMenu    null                 if  mChatPager    null  amp  amp  mChatPager getCurrentItem    gt  0                        mMenu setGroupVisible R id menu group chats  true             mMenu setGroupVisible R id menu group contacts  false                      else                        mMenu setGroupVisible R id menu group chats  false              mMenu setGroupVisible R id menu group contacts  true              mMenu setGroupVisible R id menu group otr verified false              mMenu setGroupVisible R id menu group otr unverified false              mMenu setGroupVisible R id menu group otr off false                         mToolbar setOnMenuItemClickListener new OnMenuItemClickListener                                   But now  they require a Search button in the tool bar  I managed to put it  I followed a guide here When I try to write something to search  the toast I had put to test the listener never shown   which indicates listener is not working    Override     public boolean onCreateOptionsMenu Menu menu         MenuInflater inflater   getMenuInflater        inflater inflate R menu chat screen menu  menu        SearchManager searchManager    SearchManager  getSystemService Context SEARCH SERVICE       mSearchView    SearchView  MenuItemCompat getActionView menu findItem R id action menu search        final Toast toast   new Toast mApp        if  mSearchView    null                 mSearchView setSearchableInfo searchManager getSearchableInfo getComponentName              mSearchView setIconifiedByDefault false            SearchView OnQueryTextListener queryTextListener   new SearchView OnQueryTextListener                         public boolean onQueryTextChange String newText                                mSearchString   newText                    doFilterAsync mSearchString                   toast makeText getApplicationContext     Test1   Toast LENGTH LONG  show                    return true                             public boolean onQueryTextSubmit String query                                mSearchString   query                    doFilterAsync mSearchString                   toast makeText getApplicationContext     Test2   Toast LENGTH LONG  show                     return true                                    mSearchView setOnQueryTextListener queryTextListener              return true

User · Accepted Answer

You have to use Appcompat library for that  Which is used like below   dashboard xml   lt menu xmlns android  http   schemas android com apk res android         xmlns tools  http   schemas android com tools        xmlns app  http   schemas android com apk res-auto  gt        lt item         android id    id action search          android icon   android drawable ic menu search          app showAsAction  always collapseActionView          app actionViewClass  androidx appcompat widget SearchView          android title  Search   gt   lt  menu gt    Activity file  in Java    public boolean onCreateOptionsMenu Menu menu        MenuInflater menuInflater   getMenuInflater        menuInflater inflate R menu dashboard  menu         MenuItem searchItem   menu findItem R id action search        SearchManager searchManager    SearchManager  MainActivity this getSystemService Context SEARCH SERVICE        SearchView searchView   null      if  searchItem    null            searchView    SearchView  searchItem getActionView              if  searchView    null            searchView setSearchableInfo searchManager getSearchableInfo MainActivity this getComponentName                    return super onCreateOptionsMenu menu       Activity file  in Kotlin    override fun onCreateOptionsMenu menu  Menu    Boolean       menuInflater inflate R menu menu search  menu       val searchItem  MenuItem    menu  findItem R id action search      val searchManager   getSystemService Context SEARCH SERVICE  as SearchManager     val searchView  SearchView    searchItem  actionView as SearchView      searchView  setSearchableInfo searchManager getSearchableInfo componentName       return super onCreateOptionsMenu menu      manifest file    lt meta-data        android name  android app default searchable         android value  com apkgetter SearchResultsActivity    gt             lt activity             android name  com apkgetter SearchResultsActivity              android label   string app name              android launchMode  singleTop   gt               lt intent-filter gt                   lt action android name  android intent action SEARCH    gt               lt  intent-filter gt               lt intent-filter gt                   lt action android name  android intent action VIEW    gt               lt  intent-filter gt                lt meta-data                 android name  android app searchable                  android resource   xml searchable    gt           lt  activity gt    searchable xml file    lt  xml version  1 0  encoding  utf-8   gt   lt searchable xmlns android  http   schemas android com apk res android      android hint   string search hint      android label   string app name    gt    And at last  your SearchResultsActivity class code  for showing result of your search

User · Answer

Integrating SearchView with RecyclerView  1  Add SearchView Item in Menu  SearchView can be added as actionView in menu using              app useActionClass    android support v7 widget SearchView                             lt menu xmlns android  http   schemas android com apk res android  xmlns app  http   schemas android com apk res-auto  xmlns tools  http   schemas android com tools  tools context  rohksin com searchviewdemo MainActivity  gt   lt item     android id    id searchBar      app showAsAction  always      app actionViewClass  android support v7 widget SearchView        gt   lt  menu gt    2  Implement SearchView OnQueryTextListener in your Activity  SearchView OnQueryTextListener has two abstract methods  So your activity skeleton would now look like this after implementing SearchView text listener   YourActivity extends AppCompatActivity implements SearchView OnQueryTextListener      public boolean onQueryTextSubmit String query      public boolean onQueryTextChange String newText        3  Set up SerchView Hint text  listener etc   Override public boolean onCreateOptionsMenu Menu menu           Inflate the menu  this adds items to the action bar if it is present      getMenuInflater   inflate R menu menu main  menu        MenuItem searchItem   menu findItem R id searchBar        SearchView searchView    SearchView  searchItem getActionView        searchView setQueryHint  Search People        searchView setOnQueryTextListener this       searchView setIconified false        return true      4  Implement SearchView OnQueryTextListener  This is how you can implement abstract methods of the listener    Override public boolean onQueryTextSubmit String query            This method can be used when a query is submitted eg  creating search history using SQLite DB      Toast makeText this   Query Inserted   Toast LENGTH SHORT  show        return true      Override public boolean onQueryTextChange String newText         adapter filter newText       return true      5  Write a filter method in your RecyclerView Adapter   You can come up with your own logic based on your requirement  Here is the sample code snippet to show the list of Name which contains the text typed in the SearchView    public void filter String queryText        list clear         if queryText isEmpty                  list addAll copyList             else                for String name  copyList                        if name toLowerCase   contains queryText toLowerCase                                   list add name                                       notifyDataSetChanged        Full working code sample can be found   HERE You can also check out the code on SearchView with an SQLite database in this Music App

User · Answer

Implementing the SearchView without the use of the menu xml file and open through button  In your Activity we need to use the method of the onCreateOptionsMenumethod in which we will programmatically inflate the SearchView  private MenuItem searchMenu  private String mSearchString       Override     public boolean onCreateOptionsMenu Menu menu            super onCreateOptionsMenu menu            SearchManager searchManager    SearchManager  StoreActivity this getSystemService Context SEARCH SERVICE             SearchView mSearchView   new SearchView getSupportActionBar   getThemedContext             mSearchView setQueryHint getString R string prompt search        YOUR HINT MESSAGE         mSearchView setMaxWidth Integer MAX VALUE            searchMenu   menu add  searchMenu   setVisible false  setActionView mSearchView           searchMenu setShowAsAction MenuItem SHOW AS ACTION IF ROOM   MenuItem SHOW AS ACTION COLLAPSE ACTION VIEW             assert searchManager    null          mSearchView setSearchableInfo searchManager getSearchableInfo getComponentName              mSearchView setIconifiedByDefault false            SearchView OnQueryTextListener queryTextListener   new SearchView OnQueryTextListener                 public boolean onQueryTextChange String newText                    mSearchString   newText                   return true                             public boolean onQueryTextSubmit String query                    mSearchString   query                   searchMenu collapseActionView                      return true                                    mSearchView setOnQueryTextListener queryTextListener             return true          And in your Activity class  you can open the SearchView on any button click on toolbar like below  YOUR BUTTON setOnClickListener view - gt                 searchMenu expandActionView

User · Answer

If you would like to setup the search facility inside your Fragment  just add these few lines    Step 1 - Add the search field to you toolbar     lt item     android id    id action search      android icon   android drawable ic menu search      app showAsAction  always collapseActionView      app actionViewClass  android support v7 widget SearchView      android title  Search   gt    Step 2 - Add the logic to your onCreateOptionsMenu    import android support v7 widget SearchView     not the default     Override public boolean onCreateOptionsMenu  Menu menu        getMenuInflater   inflate  R menu main  menu        MenuItem myActionMenuItem   menu findItem  R id action search       searchView    SearchView  myActionMenuItem getActionView        searchView setOnQueryTextListener new SearchView OnQueryTextListener              Override         public boolean onQueryTextSubmit String query                   Toast like print             UserFeedback show   SearchOnQueryTextSubmit      query               if    searchView isIconified                      searchView setIconified true                             myActionMenuItem collapseActionView                return false                     Override         public boolean onQueryTextChange String s                   UserFeedback show   SearchOnQueryTextChanged      s               return false                        return true

User · Answer

If you want to add it directly in the toolbar    lt  xml version  1 0  encoding  utf-8   gt   lt android support design widget AppBarLayout     xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  wrap content  gt        lt android support v7 widget Toolbar         android id    id app bar          android layout width  match parent          android layout height  wrap content  gt            lt SearchView             android id    id searchView              android layout width  wrap content              android layout height  wrap content              android iconifiedByDefault  false              android queryHint  Search              android layout centerHorizontal  true    gt        lt  android support v7 widget Toolbar gt    lt  android support design widget AppBarLayout gt

[android] How to use SearchView in Toolbar Android

Examples related to android

Examples related to android-actionbar

Examples related to searchview

[android] How to use SearchView in Toolbar Android

Examples related to android

Examples related to android-actionbar

Examples related to searchview

Examples related to android-toolbar