title: Android Spinner Toolbar style
body: <p>How do I achieve the material design of spinner in toolbox? I tried the following but my spinner looks like this</p>
  
  <p><img src="https://i.stack.imgur.com/t6dV6.png" alt="enter image description here"></p>
  
  <pre><code>&lt;android.support.v7.widget.Toolbar
      android:id="@+id/toolbar"
      android:layout_width="match_parent"
      android:layout_height="56dp"
      android:background="@color/main_color"
      app:contentInsetLeft="14dp"
      app:contentInsetRight="14dp"
      app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
      app:theme="@style/ThemeOverlay.AppCompat.ActionBar"&gt;
  
      &lt;Spinner
          android:id="@+id/spinner_nav"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content" /&gt;
  
  &lt;/android.support.v7.widget.Toolbar&gt;
  </code></pre>
  
  <p>My minimum sdk is 15. </p>
  
  <p>on my onCreate</p>
  
  <pre><code>ButterKnife.inject(this);
  
      mToolbar.inflateMenu(R.menu.menu_login);
      mToolbar.setTitle(R.string.sign_in);
      mToolbar.setOnMenuItemClickListener(this);
  
      SpinnerAdapter spinnerAdapter = ArrayAdapter.createFromResource(this,
              R.array.options, android.R.layout.simple_spinner_dropdown_item);
  
      mSpinner.setAdapter(spinnerAdapter);
      mSpinner.setOnItemSelectedListener(this);
  </code></pre>
  
  <blockquote>
    <p>A menu is a temporary sheet of paper that always overlaps the App Bar,
    rather than behaving as an extension of the App Bar.</p>
  </blockquote>
  
  <p>any links would be a great help</p>
  
  <p><strong><em>UPDATE</em></strong></p>
  
  <p>I have managed to achieve what I want </p>
  
  <p><img src="https://i.stack.imgur.com/d4Bb5.png" alt="enter image description here"></p>
  
  <p>I used this</p>
  
  <pre><code> ButterKnife.inject(this);
  
          mToolbar.setTitle(R.string.sign_in);
          setSupportActionBar(mToolbar);
  
          SpinnerAdapter spinnerAdapter = ArrayAdapter.createFromResource(getSupportActionBar().getThemedContext(),
                  R.array.options, android.R.layout.simple_spinner_dropdown_item);
  
          getSupportActionBar().setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);
          getSupportActionBar().setListNavigationCallbacks(spinnerAdapter, this);
  </code></pre>
  
  <p>and my xml </p>
  
  <pre><code>  &lt;android.support.v7.widget.Toolbar
          android:id="@+id/toolbar"
          android:layout_width="match_parent"
          android:layout_height="56dp"
          android:background="@color/app_secondary_color"
          app:contentInsetLeft="14dp"
          app:contentInsetRight="14dp"
          app:popupTheme="@style/ThemeOverlay.AppCompat"
          app:theme="@style/ThemeOverlay.AppCompat.ActionBar"&gt;
  
      &lt;/android.support.v7.widget.Toolbar&gt;
  </code></pre>
  
  <p><strong><em>But How do I make It white and the text color of the menu is blue?
  also I have this problem. it seems it is too far away? any way to fix this dropdown arrow?</em></strong></p>
  
  <p><img src="https://i.stack.imgur.com/hO7jV.png" alt="enter image description here"></p>
  
  <p><strong><em>Update 2</em></strong></p>
  
  <p>Well after spending so much time trying, I have achieve how to make it white and the text color black 
  through this. I have created my custom layout for dropdown style</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  
  &lt;CheckedTextView xmlns:android="http://schemas.android.com/apk/res/android"
      android:id="@android:id/text1"
      style="?android:attr/spinnerDropDownItemStyle"
      android:singleLine="true"
      android:layout_width="match_parent"
      android:background="@color/background_material_light"
      android:textColor="@color/abc_primary_text_material_light"
      android:layout_height="48dp"
      android:ellipsize="marquee"/&gt;
  </code></pre>
  
  <p>then added this code on my oncreate</p>
  
  <pre><code> spinnerAdapter.setDropDownViewResource(R.layout.custom_simple_spinner_dropdown_item);
  </code></pre>
  
  <p>The Only Problem now I encounter is that the press state is not working, it is just a plane white. if you see on the other pop up menu, when you click an item the background color becomes a little bit darker. Also this annoying icon is still too far from the text.</p>