Стиль панели инструментов Android Spinner

Как я могу достичь материального дизайна spinner в панели инструментов? Я попробовал следующее, но мой счетчик выглядит так

Введите описание изображения здесь

<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"> <Spinner android:id="@+id/spinner_nav" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </android.support.v7.widget.Toolbar> 

Мой минимальный sdk равен 15.

На мой onCreate

 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); 

Меню – это временный лист бумаги, который всегда перекрывает панель приложений, а не ведет себя как расширение панели приложений.

Любые ссылки были бы большой помощью

ОБНОВИТЬ

Мне удалось добиться того, что я хочу

Введите описание изображения здесь

Я использовал этот путь

  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); 

И мой xml

  <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"> </android.support.v7.widget.Toolbar> 

Но как сделать его белым, а цвет текста в меню синим? Также у меня есть эта проблема. Кажется, это слишком далеко? Любой способ исправить эту стрелку вниз?

Введите описание изображения здесь

Обновление 2

Ну, потратив так много времени на попытку, я достиг, как сделать его белым, а цвет текста черным через это. Я создал свой собственный макет для выпадающего стиля

 <?xml version="1.0" encoding="utf-8"?> <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"/> 

Затем добавил этот код в мой oncreate

  spinnerAdapter.setDropDownViewResource(R.layout.custom_simple_spinner_dropdown_item); 

Единственная проблема, с которой я сталкиваюсь, заключается в том, что состояние пресса не работает, оно просто плоское белое. Если вы видите в другом всплывающем меню, когда вы нажимаете элемент, цвет фона становится немного темнее. Также этот раздражающий значок все еще слишком далек от текста.

Вы должны сделать ресурс списка состояний цвета и применить его как фон для вашего CheckedTextView . Что касается значка стрелки слишком далеко, AFAIK это из-за длины детей, это доходит до самого длинного ребенка. Таким образом, нет возможности настроить это.