title: Creating a SearchView that looks like the material design guidelines
body: <p>I'm currently in the process of learning how to convert my app to Material design and I'm a bit stuck right now. I've got the Toolbar added and I have made my navigation drawer overlay all the content.<br><br>I'm now trying to create an expandable search that looks like the one in the <a href="http://www.google.co.uk/design/spec/patterns/search.html#search-in-app-search">material guidelines</a>:
  <img src="https://i.stack.imgur.com/s3F67.png" alt="enter image description here"><br><br>
  This is what I've got right now and I can't figure out how to make it like the above:<br>
  <img src="https://i.stack.imgur.com/UMI0p.png" alt="My search"></p>
  
  <p>This is my menu xml:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"&gt;
      &lt;item
          android:id="@+id/action_search"
          android:icon="@android:drawable/ic_menu_search"
          android:title="Search"
          app:showAsAction="always"
          app:actionViewClass="android.support.v7.widget.SearchView" /&gt;
  &lt;/menu&gt;
  </code></pre>
  
  <p>That works, I get a menu item that expands to the SearchView and I can filter my list fine. It doesn't look anything like the 1st picture though.<br><br>
  I tried to use <code>MenuItemCompat.setOnActionExpandListener()</code> on <code>R.id.action_search</code> so I could change the home icon to a back arrow, but that doesn't seem to work. Nothing gets fired in the listener. Even if that worked it still wouldn't be very close to the 1st image.<br><br>
  How do I create a SearchView in the new appcompat toolbar that looks like the material guidelines?</p>