Problemas con el fondo TabLayout de la biblioteca de diseño de Android

Cuando configuro el atributo tabBackground de la "22.2.0 librería de diseño de Android" TabLayout (android.support.design.widget.TabLayout) aparecen dos problemas:

  • El efecto de ondulación en las pestañas se pierde
  • El indicador de tabulación desaparece.

Esto ocurre en los dispositivos Lollipop y Kitkat.

Sin la configuración de tabBackground, tanto el efecto de ondulación como el indicador de tabulación funcionan, pero el fondo tiene un color predeterminado diferente del toobar, que no se ajusta exactamente a las directrices de diseño del material.

A continuación encontrará el XML:

<android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabMode="fixed" app:tabGravity="fill" app:tabBackground = "?attr/colorPrimary" /> 

Utilice android:background="?attr/colorPrimary" lugar de app:tabBackground = "?attr/colorPrimary" .

Si tiene un color primario oscuro, también puede cambiar el tema a ThemeOverlay.AppCompat.Dark . Esto hace que el texto y el color de la ondulación sean blancos.

Ejemplo completo:

 <android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabMode="fixed" app:tabGravity="fill" android:background="?attr/colorPrimary" android:theme="@style/ThemeOverlay.AppCompat.Dark" /> 
FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.