How to add Search bar with edit text in toolbar

Question

I want to add search bar with edit text in toolbar like below image

My toolbar.xml:-

Answer 1

I like the TextEdit solution above for backward compatibility.

Here are two more things to consider to achieve the original example:

1. On the Activity xml TextEdit definition add:

android:drawableStart="@android:drawable/ic_menu_search"

                               // To add the magnifying glass.

android:hint="@string/Search_Txt"

                              // To add the hint message.

2. On the String xml file add:

   string name="Search_Txt">Find your dil ki deal

                            // Customize your message here.
   

Note: The SearchView alternative will require API 21.

Enjoy.