pestañas de diseño de material de android 5.0

android-tabs android-5.0-lollipop

Question

¿Cuál es la mejor y más fácil manera de implementar las pestañas de estilo de diseño de materiales como en la última aplicación Google NewsStand? Eso es exactamente lo que estoy buscando, pero no sé por dónde empezar. Cualquier ayuda / dirección proporcionada es muy apreciada. Gracias.

Answer 1

Esta post de @ChrisBanes (Developer Program Engineer para Android) explica la situación con la nueva barra de herramientas.

Entonces this muestra puede ayudar.

Además de this video DevBytes.

Si desea una biblioteca, puede elegir esta, pero no está actualizada para el diseño del material (lo bifurqué, y si tengo algo de tiempo, intentaré actualizarlo).

Puede encontrar más información sobre la nueva API 21 en el blog de @ChrisBanes , así como en el blog oficial de Android

EDITAR: Puede encontrar las pestañas de diseño de materiales en este jpardogo/PagerSlidingTabStrip :

Básicamente hice 4 cambios en la biblioteca original, hasta ahora (voy a agregar la barra de herramientas y arreglar algunas cosas mañana):

1. Cambie los parámetros predeterminados del diseño de pestañas para que parezca más material.
2. El indicador se centra por defecto mientras desliza las pestañas.
3. El valor alfa de los títulos cambia dependiendo de la posición seleccionada.

4. Posibilidad de pasar CustomTabs implementando la interfaz''CustomTabProvider` en su adaptador.

   • En caso de que el CustomTab tenga una vista con id @+id/tab_title , se usará para colocar el título y alfa actuará como siempre.
   • Si esta interfaz no se implementa, se usará el diseño predeterminado de la pestaña (TextView).

Si lo desea, puede usar una pestaña personalizada con ondas usando cualquiera de estas bibliotecas:

• https://github.com/traex/RippleEffect
• https://github.com/siriscac/RippleView
• https://github.com/balysv/material-ripple
• https://github.com/03uk/RippleDrawable

EDIT2: Cambié el ActionBar para la nueva biblioteca de soporte Tooolbar. También he aplicado colores dinámicamente a las pestañas, la barra de herramientas y la barra de estado. Puede ver el ejemplo que funciona en Android 4.4.3 en el siguiente archivo .gif.

Envié un PR con mis cambios. Si el propietario original del proyecto no actualiza la biblioteca maven y la envía a maven, empujaré mi biblioteca hacia la central.

Answer 2

Estoy usando el DrawerLayout, había cambiado al último appcompat, compilado con api 21 y obtuve este tema material. Asegúrese de usar el cajón de v7. Descripción: http://antonioleiva.com/material-design-everywhere/

Answer 3

Personalmente amo la biblioteca de jpardogo/PagerSlidingTabStrip .

Sin embargo, una cosa que encontré en falta es un efecto de onda como se ve en:

Así que decidí hacer mi propia biblioteca, basada en PagerSlidingTabStrip, y con un efecto de onda personalizable: pizza/MaterialTabs .

También puede encontrar una muestra en Play Store , personalizar sus pestañas allí, luego generar su código y exportarlo al instante. :)