Creating a SearchView that looks like the material design guidelines

by

It is actually quite easy to do this, if you are using android.support.v7 library.

Step – 1

Declare a menu item

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

Step – 2

Extend AppCompatActivity and in the onCreateOptionsMenu setup the SearchView.

import android.support.v7.widget.SearchView;

...

public class YourActivity extends AppCompatActivity {

    ...

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_home, menu);
        // Retrieve the SearchView and plug it into SearchManager
        final SearchView searchView = (SearchView) MenuItemCompat.getActionView(menu.findItem(R.id.action_search));
        SearchManager searchManager = (SearchManager) getSystemService(SEARCH_SERVICE);
        searchView.setSearchableInfo(searchManager.getSearchableInfo(getComponentName()));
        return true;
    }

    ... 

}

Result

enter image description here

enter image description here

More Related Contents:

  1. How do I use DrawerLayout to display over the ActionBar/Toolbar and under the status bar?
  2. Toolbar navigation icon never set
  3. Error inflating class android.support.v7.widget.Toolbar?
  4. Material Design not styling alert dialogs
  5. How to implement the Material-design Elevation for Pre-lollipop
  6. MenuItem tinting on AppCompat Toolbar
  7. How to change Toolbar Navigation and Overflow Menu icons (appcompat v7)?
  8. The application icon does not show on action bar
  9. Don’t collapse Toolbar when RecyclerView fits the screen
  10. setSupportActionBar toolbar cannot be applied to (android.widget.Toolbar) error
  11. How can I modify ripple color when using ?attr/selectableItemBackground as background?
  12. Android v21 Theme.Appcompat color accent is ignored, no padding on dialogs
  13. Is any difference between a MaterialButton and a simple Button?
  14. transparent Actionbar with AppCompat-v7 21
  15. Toolbar.inflateMenu seems to do nothing
  16. How animate Burger to Arrow with Appcompat v7 21, Toolbar and DrawerLayout
  17. Android Material Design Datepicker with AppCompat
  18. How to create a card toolbar using appcompat v7
  19. How to use setOutlineProvider instead of setOutline in Lollipop
  20. How to use SearchView in Toolbar Android
  21. Android AppCompat 21 Elevation
  22. Android Lollipop, AppCompat ActionBar custom view doesn’t take up whole screen width
  23. How to use and style new AlertDialog from appCompat 22.1 and above
  24. How can a divider line be added in an Android RecyclerView?
  25. Adjust icon size of Floating action button (fab)
  26. Cannot resolve symbol ‘Theme’ in styles.xml (Android Studio)
  27. FloatingActionButton with text instead of image
  28. How to fix getActionBar method may produce java.lang.NullPointerException
  29. How to add a SearchWidget to the ActionBar?
  30. Getting exception : java.lang.NoClassDefFoundError: android.support.v7.app.AppCompatDelegateImplV14

Leave a Comment