Стиль панели инструментов 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); 

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

Solutions Collecting From Web of "Стиль панели инструментов Android Spinner"

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