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.
- Cómo construir apache cordova proyecto desde la línea de comandos?
- Establecer el efecto de ondulación en la vista de imagen
- Notificación de pantalla de bloqueo de Android Vista personalizada con ripple y doble toque
- Leer archivo local en Phonegap
- Crear una ondulación dibujable sin transparencia
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" />
- IllegalStateException utilizando la biblioteca de efectos Ripple en dispositivos Android M
- Obtenga el efecto de ondulación en RecyclerView con elementos que contengan otro color de fondo
- La ondulación se dibuja a continuación ImageView
- Efecto de ondulación de Android anulado por el estado seleccionado
- Ripple Emulator + proyecto androide con PhoneGap
- Efecto ondulado en estado prensado + transparencia en estado normal
- Efecto de ondulación sobre un elemento de RecyclerView que contiene ImageView
- Retener el efecto de ondulación durante la notificación
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" />