title: setting pop up menu in material design
body: <p>I have set a popup menu in my application.But i want my pop up in material design.How can i do this?</p>
  
  <p>My pop up menu</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;menu xmlns:android="http://schemas.android.com/apk/res/android" &gt;
  
      &lt;item
          android:id="@+id/item_movies"
          android:showAsAction="ifRoom|withText"
          android:title="Movies"
          android:visible="true"/&gt;
      &lt;item
          android:id="@+id/item_music"
          android:showAsAction="ifRoom|withText"
          android:title="Music"
          android:visible="true"/&gt;
      &lt;item
          android:id="@+id/item_comedy"
          android:showAsAction="ifRoom|withText"
          android:title="Comedy"
          android:visible="true"/&gt;
  
  &lt;/menu&gt;
  </code></pre>
  
  <p>It looks something like this</p>
  
  <p><img src="https://i.stack.imgur.com/YvjCm.jpg" alt="enter image description here"></p>
  
  <p>I want something like this</p>
  
  <p><img src="https://i.stack.imgur.com/6u64I.jpg" alt="enter image description here"></p>
  
  <p>COde</p>
  
  <pre><code>public void showPopup(View v) {
          PopupMenu popup = new PopupMenu(this.getApplicationContext(), v);
          MenuInflater inflater = popup.getMenuInflater();
          inflater.inflate(R.menu.song_popup, popup.getMenu());
          popup.show();
  
          /*Toast.makeText(this, "pop up test",
                  Toast.LENGTH_LONG).show();*/
      }
  </code></pre>
  
  <p>style.xml</p>
  
  <pre><code>&lt;resources&gt;
  
      &lt;!-- Base application theme. --&gt;
      &lt;style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"&gt;
          &lt;!-- Customize your theme here. --&gt;
          &lt;item name="colorPrimary"&gt;@color/myPrimaryColor&lt;/item&gt;
          &lt;item name="colorPrimaryDark"&gt;@color/myPrimaryDarkColor&lt;/item&gt;
          &lt;item name="colorAccent"&gt;@color/myAccentColor&lt;/item&gt;
          &lt;item name="android:textColorPrimary"&gt;@color/myTextPrimaryColor&lt;/item&gt;
          &lt;item name="android:navigationBarColor"&gt;@color/myNavigationColor&lt;/item&gt;
          &lt;item name="drawerArrowStyle"&gt;@style/DrawerArrowStyle&lt;/item&gt;
  
  
          &lt;item name="android:windowBackground"&gt;@color/myWindowBackground&lt;/item&gt;
          &lt;item name="android:windowContentTransitions"&gt;true&lt;/item&gt;
      &lt;/style&gt;
  
      &lt;style name="DrawerArrowStyle" parent="Widget.AppCompat.DrawerArrowToggle"&gt;
          &lt;item name="spinBars"&gt;true&lt;/item&gt;
          &lt;item name="color"&gt;@android:color/white&lt;/item&gt;
      &lt;/style&gt;
  
      &lt;style name="ToolBarStyle" parent=""&gt;
          &lt;item name="android:elevation"&gt;@dimen/toolbar_elevation&lt;/item&gt;
          &lt;item name="popupTheme"&gt;@style/ThemeOverlay.AppCompat.Light&lt;/item&gt;
          &lt;item name="theme"&gt;@style/ThemeOverlay.AppCompat.Dark.ActionBar&lt;/item&gt;
      &lt;/style&gt;
  &lt;/resources&gt;
  </code></pre>
  
  <ul>
  <li>I'm trying to implement this in a gridview .(like in google play music)</li>
  </ul>