How to implement SearchView with Toolbar in Android?

Question

I am trying to implement this toolbar which I have done in android studio, but I cannot figure out how to add a SearchView once the search icon is clicked.

This is what I want the toolbar to look like when the search icon is clicked.

This is my toolbar.xml file:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="#000000"
    android:elevation="5dp"
    android:contentInsetLeft="15dp"
    >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Bean"
        android:layout_gravity="center"
        android:textColor="@color/beanBlue"
        android:id="@+id/toolbar_title"
        android:textSize="25sp"/>

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/cart_icon"
        android:id="@+id/cart_button"
        android:layout_gravity="right"
        android:layout_marginRight="15dp"/>

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/search_icon"
        android:id="@+id/search_button"
        android:layout_gravity="right"
        android:layout_marginRight="15dp"/>

</android.support.v7.widget.Toolbar>

How do I implement the toolbar with the SearchView included? Am I implementing the toolbar wrong?

Answer 1

try this library. this can solve your problem

https://github.com/leonardoxh/FakeSearchView