Как я могу исправить стиль Spinner для Android 4.x, размещенный поверх панели инструментов

Не внедряйте Spinner в Xml

final ArrayAdapter spinnerAdapter = ArrayAdapter.createFromResource(getSupportActionBar().getThemedContext(),
            R.array.main_navigation_list, R.layout.spinner_text);
    spinnerAdapter.setDropDownViewResource(R.layout.spinner_dropdown_item);
    mNavigationTags = getResources().getStringArray(R.array.main_navigation_list);


    mNavigationSpinner = new Spinner(getSupportActionBar().getThemedContext());
    mNavigationSpinner.setAdapter(spinnerAdapter);

    mNavigationSpinner.setOnItemSelectedListener(this);
    mToolbar.addView(mNavigationSpinner);

Таким образом, значок рядом со счетчиком будет белым.

Извините за мой плохой английский. :) Я думаю, что лучше сразу создать счетчик в панели инструментов.

Вот пример в моем фрагменте.

public class Testfragment1 extends Fragment {

    Toolbar mToolbar;
    Spinner mSpinner;
    .....

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
        .......                  
        mToolbar = (Toolbar) getActivity().findViewById(R.id.toolbar);
        //you can also set the style with the constructor
        mSpinner = new Spinner(getActivity());
        String[] frags = new String[]{
                "category1",
                "category2",
                "category3",
        };
        ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(getActivity(),android.R.layout.simple_list_item_1,frags);
        mSpinner.setAdapter(arrayAdapter);
        mToolbar.addView(mSpinner);
        return inflater.inflate(R.layout.fragment_testfragment1, container, false);
    }

    .........

    @Override
    public void onDestroyView() {
        super.onDestroyView();
        if (mToolbar != null && mSpinner != null) {
            mToolbar.removeView(mSpinner);
        }
    }
}

На моем устройстве Android-4.1 все выглядит нормально: android-4.1-spinner

Я борюсь с точно такой же проблемой.

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

setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

Простой способ, не идеальный, но достаточно унифицированный как для 4.x, так и для 5.0.

Я удалил <Spinner> из файлов макета и добавил его программно, что позволило правильно отобразить белый треугольник.

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

layout/spinner_dropdown_item.xml, обратите внимание на android:background="@color/primaryColor"

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
      android:id="@android:id/text1"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:textAppearance="?android:attr/textAppearanceListItemSmall"
      android:gravity="center_vertical"
      android:paddingLeft="12dp"
      android:paddingRight="12dp"
      android:background="@color/primaryColor"
      android:minHeight="?android:attr/listPreferredItemHeightSmall" />

И в деятельности:

    SpinnerAdapter spinnerAdapter = ArrayAdapter.createFromResource(getApplicationContext(), R.array.your_array, R.layout.spinner_dropdown_item);
    Spinner navigationSpinner = new Spinner(getSupportActionBar().getThemedContext());
    navigationSpinner.setAdapter(spinnerAdapter);
    toolbar.addView(navigationSpinner, 0);

Это не идеально, и элементы не выделяются, когда вы нажимаете на них, но этого достаточно, пока мы ждем, когда будущие библиотеки appcompat исправят эти проблемы (в любом случае, мы надеемся).

Я потратил два дня на эту проблему, но теперь, прочитав много ответов, я могу опубликовать свое решение. Я реализовал два пользовательских макета для элемента счетчика и всплывающего окна. Установка этого атрибута для счетчика: android:background="?android:selectableItemBackground" черная стрелка счетчика по умолчанию скрыта, и мы можем использовать то, что предпочитаем. Я использовал метод setDropDownVerticalOffset(int) для управления позицией всплывающего окна в версиях Android до Lollipop.

Глобальная тема моего приложения

<style name="AppTheme" parent="AppTheme.Base">

</style>

<style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/accent</item>
    <item name="android:windowBackground">@color/window_background</item>
</style>

Теперь макет активности, содержащий панель инструментов и счетчик:

Activity_main.xml

<RelativeLayout
    android:layout_width="match_parent" 
    android:layout_height="match_parent"

    android:clickable="true" >

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        android:elevation="4dp"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" >

            <Spinner 
                android:id="@+id/spinner_rss"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:theme="@style/ThemeOverlay.AppCompat.Light"
                android:background="?android:selectableItemBackground" />

         </android.support.v7.widget.Toolbar>
</RelativeLayout>

custom_spinner_toolbar.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

<TextView
    android:id="@+id/spinner_item_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:singleLine="true"
    android:textColor="@android:color/white"
    android:textAppearance="@style/TextAppearance.AppCompat.Title"
     />

<ImageView
    android:contentDescription="@string/content_description_arrow_dropdown"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toRightOf="@+id/spinner_item_text"
    android:layout_toEndOf="@+id/spinner_item_text"
    android:paddingTop="6dp"
    android:src="@drawable/ic_arrow_drop_down_white_24dp" />

</RelativeLayout>

custom_spinner_dropdown_item.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <CheckedTextView
        android:id="@+id/spinner_item_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="16dp"
        android:singleLine="true"
        android:textColor="@android:color/black"
        android:textSize="16sp" />

</LinearLayout>

SpinnerAdapter.java

public class SpinnerAdapter extends BaseAdapter
{
   private Context mContext;
   private List<String> mValuesList;

   public SpinnerAdapter(Context mContext, List<String> mValuesList)
   {
       this.mContext = mContext;
       this.mValuesList = mValuesList;
   }

   @Override
   public int getCount() 
   {
       return mValuesList.size();
   }

   @Override
   public Object getItem(int position) 
   {
       return mValuesList.get(position);
   }

   @Override
   public long getItemId(int position) {
       // TODO Auto-generated method stub
       return 0;
   }

   @Override
   public View getDropDownView(int position, View view, ViewGroup parent) 
   {
      if (view == null || !view.getTag().toString().equals("DROPDOWN")) 
      {
         LayoutInflater inflater = LayoutInflater.from(mContext);
         view = inflater.inflate(R.layout.custom_spinner_dropdown_item, parent, false);
         view.setTag("DROPDOWN");
      }

      TextView textView = (TextView) view.findViewById(R.id.spinner_item_text);
      textView.setText(getTitle(position));

      return view;
  }

  @Override
  public View getView(int position, View view, ViewGroup parent) 
  { 
      if (view == null || !view.getTag().toString().equals("NON_DROPDOWN")) 
      {
         LayoutInflater inflater = LayoutInflater.from(mContext);
         view = inflater.inflate(R.layout.custom_spinner_toolbar, parent, false);
         view.setTag("NON_DROPDOWN");
      }

      TextView textView = (TextView) view.findViewById(R.id.spinner_item_text);
      textView.setText(getTitle(position));
      return view;
   }

   private String getTitle(int position) 
   {
      return position >= 0 && position < mValuesList.size() ?   mValuesList.get(position) : "";
   }
}

Наконец, соответствующая часть исходного кода активности:

@Override
protected void onCreate(Bundle savedInstanceState) 
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mToolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(mToolbar);

    final ActionBar actionBar = getSupportActionBar();
    actionBar.setDisplayShowTitleEnabled(false);
    actionBar.setHomeAsUpIndicator(R.drawable.ic_menu);
    actionBar.setDisplayHomeAsUpEnabled(true);

    mSpinner = (Spinner) findViewById(R.id.spinner_rss);

    String[] items = getResources().getStringArray(R.array.spinner_rss_items);
    List<String> spinnerItems = new ArrayList<String>();

    for(int i = 0; i < items.length; i++)
    {
        spinnerItems.add(items[i]);
    }

    SpinnerAdapter adapter = new SpinnerAdapter(actionBar.getThemedContext(), spinnerItems);
    mSpinner.setAdapter(adapter);

    if(Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP)
    {
        mSpinner.setDropDownVerticalOffset(-116);
    }
}

Вот результаты на Lollipop и Kitkat:

Надеюсь, поможет! :)

Вы не можете этого сделать?

Пользовательский XML-файл для элемента счетчика: your_spinner.xml:

<?xml version="1.0" encoding="utf-8"?>
<TextView  
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:textColor="#000"         
    android:background="#FFF"
    />

Используйте это, чтобы показать элементы счетчика:

ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.your_spinner,list);

Затем удалите раскрывающийся ресурс.

Была такая же проблема со спиннером

Что я сделал, так это добавил пользовательскую тему для счетчика.

 <Spinner
                android:id="@+id/spinner1"
                android:layout_width="match_parent"
                android:layout_height="30sp"
                android:entries="@array/guest_type"
                android:prompt="@string/guesttype"
                android:theme="@style/AppTheme1"   />

стили.xml

  <style name="AppTheme1" parent="Theme.AppCompat.Light">
    <item name="android:spinnerDropDownItemStyle">@style/mySpinnerItemStyle</item>
</style>

<style name="mySpinnerItemStyle" parent="@android:style/Widget.Holo.DropDownItem.Spinner">
    <item name="android:textColor">#000000</item>
</style>

Используйте свойство android:dropDownVerticalOffset внутри счетчика, чтобы задать интервал сверху.

<Spinner
        android:id="@+id/spnrLanguage"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:background="@drawable/ic_dropdown"
        android:padding="5dp"
        android:spinnerMode="dropdown"
        android:dropDownVerticalOffset="50dp"
        />

Не забудьте установить android:spinnerMode="dropdown", хотя это не будет работать в spinnerMode= dialog

Для правильного окрашивания значка Spinner вы также можете просто надуть счетчик из кода:

spinner_toolbar.xml:

<?xml version="1.0" encoding="utf-8"?>
<Spinner xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/spinner_toolbar"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"/>

Затем вам нужно прикрепить Spinner к панели инструментов в вашей деятельности:

ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(getSupportActionBar().getThemedContext(),
            R.array.planets_array, R.layout.support_simple_spinner_dropdown_item);
adapter.setDropDownViewResource(R.layout.support_simple_spinner_dropdown_item);
spinner.setAdapter(adapter);

// we inflate the spinner with the themed Toolbar context -> correct icon tinting
LayoutInflater.from(getSupportActionBar().getThemedContext()).inflate(R.layout.spinner_toolbar, tb, true);

Spinner spinner = (Spinner) toolbar.findViewById(R.id.spinner_toolbar);
spinner.setAdapter(adapter);

Однако при этом используется app:theme вместо app:popupTheme для всего Spinner, включая раскрывающееся меню. Следовательно, значок и текст Spinner будут окрашены правильно, но выпадающее меню также имеет стиль панели инструментов, а не popupTheme.

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

Возможно, у кого-то есть лучшее решение о том, как app:popupTheme можно распространить в раскрывающемся меню Spinner.

Вы можете исправить положение раскрывающегося списка (будет отображаться в верхней части панели инструментов, например меню) для Android 4, используя этот код:

<Spinner
        android:id="@+id/spinner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:dropDownVerticalOffset="-56dp"/>

Чтобы понять это, у меня были похожие проблемы. Моя главная проблема заключалась в том, что текст на моей панели инструментов был меньше, чем обычные размеры заголовка, и имел неправильный цвет. Скриншот здесь http://s27.postimg.org/v24x1aw43/Screen_Shot_2015_01_11_at_13_36_04.png

Выпадающее меню было в порядке, но я также пройду его настройку.

Позвольте мне также пояснить, что это исправление в основном основано на исправлении @Daniel B, однако не требует специального адаптера, насколько я могу судить, ничего не сломано, но я не даю никаких гарантий!

1. Добавьте обычный элемент счетчика в XML-файл макета (на панели инструментов).

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:elevation="5dp"
        android:minHeight="?attr/actionBarSize"
        android:background="@color/colorPrimary"
        app:theme="@style/GalaxyZooThemeToolbarDarkOverflow"
        app:popupTheme="@style/Theme.AppCompat"
        >

    <Spinner
        android:id="@+id/spinner_nav"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>


    </android.support.v7.widget.Toolbar>

2. Создайте новый файл макета toolbar_spinner_item_actionbar.xml (это будет материал, отображаемый для счетчика на панели инструментов)

<?xml version="1.0" encoding="utf-8"?>

<TextView
    android:id="@android:id/text1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawablePadding="20dp"
    android:fontFamily="sans-serif"
    android:paddingLeft="@dimen/abc_action_bar_default_padding_material"
    android:paddingRight="4dp"
    android:textColor="@color/colorDark"
    android:textSize="@dimen/abc_text_size_title_material_toolbar"
    xmlns:android="http://schemas.android.com/apk/res/android"/>

    <!-- android:drawableRight="@drawable/spinner_triangle" -->

3. Адаптер для вашего счетчика остается почти таким же, однако измените макет со стандартного android.R.layout.simple_spinner_dropdown_item на R.layout.toolbar_spinner_item_actionbar. Это применит ваш пользовательский вид к тексту панели инструментов.

В этом примере я установил для adapter.setDropDownViewResource значение android.R.layout.simple_spinner_dropdown_item, это применяет стандартные настройки темы по умолчанию для раскрывающегося списка, которыми я доволен.

ArrayAdapter<String> set1Adapter = new ArrayAdapter<String>(RoutineDetailsActivity.this, R.layout.toolbar_spinner_item_actionbar, set1Actual);
        set1Adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

        mWeekSpinner.setAdapter(set1Adapter);

Это в основном все, результат здесь [не могу прикрепить изображение или добавить другую ссылку, так как моя репутация слишком низкая! Добавлю в комментарии]. На этом можно остановиться, однако вы можете изменить цвет стрелки раскрывающегося списка.

Технически это правильный оттенок для моего приложения, однако, поскольку мой основной цвет уже является цветом панели инструментов, имеет смысл настроить стрелку.

Настроить возможность рисования пользовательской стрелки

1. Добавьте эту отрисовываемую линию 'android:drawableRight="@drawable/spinner_triangle' в файл toolbar_spinner_item_actionbar.xml, созданный ранее. Теперь это может быть любое изображение, а пока вы можете использовать ресурс белой стрелки Даниэля Б здесь https://raw.githubusercontent.com/google/iosched/master/android/src/main/res/drawable-xxhdpi/spinner_triangle.png.

Запуск этого приведет к появлению двух стрелок, белой стрелки и темы по умолчанию. Чтобы решить эту проблему, добавьте стиль ниже. Опять же, это взято из кода Daniel B и, вероятно, может быть сокращено, но пока это работает....

    <style name="Widget.MyApp.HeaderBar.Spinner" parent="Widget.AppCompat.Light.Spinner.DropDown.ActionBar">
        <item name="android:background">?android:selectableItemBackground</item>
        <item name="android:dropDownSelector">?android:selectableItemBackground</item>
        <item name="android:divider">@null</item>
        <item name="android:overlapAnchor">true</item>
    </style>

2. Примените созданный стиль к счетчику...

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:elevation="5dp"
        android:minHeight="?attr/actionBarSize"
        android:background="@color/colorPrimary"
        app:theme="@style/GalaxyZooThemeToolbarDarkOverflow"
        app:popupTheme="@style/Theme.AppCompat"
        >

    <Spinner
        android:id="@+id/spinner_nav"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        style="@style/Widget.MyApp.HeaderBar.Spinner"/>


    </android.support.v7.widget.Toolbar>

Результат будет примерно таким [опять же не могу прикрепить или дать ссылку, добавлю в комментарий]. Отступы можно установить из настройки файла ранее, в моем случае мне нужно было бы изменить стрелку, чтобы она соответствовала значкам.

Надеюсь, это имеет какой-то смысл.

Когда я использовал счетчик, он разбился (Android 2.3.3 - 2.3.7).

Итак, я пытаюсь использовать TintSpinner, теперь он не падает, попробуйте себя в качестве дополнительного решения.

 <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <android.support.v7.internal.widget.TintSpinner
            android:id="@+id/toolbar_spinner"
            style="@style/HeaderBar.Spinner"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"/>
    </LinearLayout>

И используйте приведенный ниже код, чтобы создать панель инструментов.

 View spinnerContainer = LayoutInflater.from(this).inflate(R.layout.toolbar_spinner, toolbarTop, false);
        ActionBar.LayoutParams lp = new ActionBar.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.MATCH_PARENT);
        toolbarTop.addView(spinnerContainer, lp);

        ToolBarSpinnerAdapter spinnerAdapter = new ToolBarSpinnerAdapter(getLayoutInflater());
        String[] items = getResources().getStringArray(R.array.action_dropdown);
        spinnerAdapter.addItems(items);

        TintSpinner mNavigationSpinner = (TintSpinner) spinnerContainer.findViewById(R.id.toolbar_spinner);
        mNavigationSpinner.setAdapter(spinnerAdapter);

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

Относительно простой способ получить нативное поведение — программно увеличить представление, чтобы убедиться, что оно получает правильную тему, например:

// Activity has context with 'Theme.AppCompat.Light.NoActionBar'
spinner = new AppCompatSpinner(getActivity());
toolbar.addView(spinner);

Чтобы треугольник был белым, а не colorControlNormal, я применил к фону оттенок ColorStateList:

ViewCompat.setBackgroundTintList(spinner, resources.getColorStateList(R.drawable.bg_toolbar_spinner)

bg_toolbar_spinner.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/accent" android:state_pressed="true"/>
    <item android:color="@android:color/white"/>
</selector>

Я решил это, создав новые значения для версий 21 и 23 и добавив новый атрибут в стиль счетчика android:dropDownVerticalOffset и удалив его из файла стиля по умолчанию. (мой случай не связан с панелью инструментов) это для обычного счетчика.

Добавьте этот стиль в папки 23 и 21.

<style name="spinner_style">
    <item name="android:background">@drawable/background_spinner</item>
    <item name="android:dropDownVerticalOffset">30dip</item>
</style>

Он отлично работает на всех версиях. Надеюсь, это работает с вами!