¿Cómo configuro un tema diferente para el menú desplegable de un Spinner?

Un ejemplo de uso:

El Spinner tiene un tema oscuro, pero quiero que el menú desplegable tenga un tema claro.

Android M

Como novedad en Android 6.0, Spinner ahora tiene el android:popupThemeparámetro que le permite configurar el tema utilizado para la ventana emergente (menú desplegable).

Puedes usarlo como tal:

<Spinner
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:popupTheme="@android:style/ThemeOverlay.Material.Light" />

Eso funcionará en dispositivos con nivel de API 23+, pero no en dispositivos con una versión inferior de Android.

AppCompat

Aquí es donde entra AppCompat. Su implementación Spinner también es compatible popupTheme, pero es un poco más complicado hacerlo bien.

<Spinner
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

Después de eso, debe actualizar su Adaptador para poder trabajar con AppCompat. Lo haces haciendo que implemente la nueva ThemedSpinnerAdapterinterfaz.

public class MyAdapter extends BaseAdapter implements ThemedSpinnerAdapter {

   Theme getDropDownViewTheme() { ... }

   void setDropDownViewTheme(Theme theme) { ... }

}

Spinner utiliza estos métodos para poder decirle al Adaptador qué tema utilizar para inflar las vistas desplegables. Para que esto sea lo más fácil posible, le hemos proporcionado una Helperclase que puede conectar a su adaptador.

Esto significa que su adaptador se convierte en algo como:

public class MyAdapter extends BaseAdapter implements ThemedSpinnerAdapter {
  private final ThemedSpinnerAdapter.Helper mDropDownHelper;

  public MyAdapter(Context context) { 
    mDropDownHelper = new ThemedSpinnerAdapter.Helper(context);
  }

  @Override
  public View getDropDownView(int position, View convertView, ViewGroup parent) {
    View view;

    if (convertView == null) {
      // Inflate the drop down using the helper's LayoutInflater
      LayoutInflater inflater = mDropDownHelper.getDropDownViewInflater();
      view = inflater.inflate(R.layout.my_dropdown, parent, false);
    }

    // ...

    return view;
  }

  @Override
  public void setDropDownViewTheme(Theme theme) {
    mDropDownHelper.setDropDownViewTheme(theme);
  }

  @Override
  public Theme getDropDownViewTheme() {
    return mDropDownHelper.getDropDownViewTheme();
  }
}

para la flecha giratoria que he usado, android:backgroundTint="@color/white"esto funcionará desde API 21

para la vista giratoria y la vista desplegable:

ArrayAdapter<Area> areasAdapter = new ArrayAdapter<Area>(getContext(),R.layout.spinner_item, areas);

areasAdapter.setDropDownViewResource(R.layout.dropdwon_item);
areasSpinner.setAdapter(areasAdapter);

para getView () el adaptador usará spinner_item.xml

para getDropDownView () el adaptador utilizará dropdwon_item.xml

entonces puedes usar tus diseños personalizados como quieras

Espero eso ayude

Solo como referencia, si usa CursorAdaptersu implementación puede ser mucho más fácil, simplemente anule newView(), no es necesario anular getDropDownView()allí:

@Override
public View newView(Context context, Cursor cursor, ViewGroup parent) {
    return mDropDownHelper.getDropDownViewInflater().inflate(R.layout.list_item, parent, false);
}

puedes probar esto: en tu carpeta de diseño haz un spinner_item.xml:

<TextView 
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="right"
android:padding="10dp"
android:background = "#ffffff"
android:textColor="@color/primary_text"
android:textSize="@dimen/text_size_normal" />

luego usa este código:

spinnerAdapter = new ArrayAdapter<String>(R.layout.spinner_item,items);