Diseño Android: Toolbar y Pestañas con Material Design

android

Uno de los componentes gráficos definidos por Material Design que más rápidamente han sido adoptados en Android es el nuevo estilo de pestañas integradas en la barra de acciones. Podemos encontrar una infinidad de ejemplos de su implementación, por ejemplo Google Play:

google play tabs

Los widgets necesarios para implementar este patrón de diseño los tenemos disponibles en la Support Library y serán utilizados en el presente tutorial para construir una interfaz de pestañas estilo Material Design. Para ello me voy a apoyar en lo expuesto en los tutoriales “Diseño Android: ActionBar con Toolbar” y “Diseño Android: ViewPager” por lo que remito al lector a los mismos para profundizar en estos elementos si no los ha utilizado anteriormente.

Seguir leyendo

Diseño Android: ActionBar con Toolbar

Última actualización : 17/08/2016

android

La ActionBar es la barra superior presente en la inmensa mayoría de aplicaciones y habitualmente suele mostrar el nombre de la pantalla visualizada, el icono de la aplicación (o el del menú de navegación) y las acciones disponibles.

action bar

La ActionBar forma parte del profundo rediseño acometido por Google para Android 3/4 y su adopción fue bastante rápida. Para poder utilizarla en Android 2 era necesario recurrir a implementaciones propias o de terceros como la popular ActionBarSherlock pero en 2013 se incluyó en librería de compatibilidad.

Con Lollipop llegó Material Design y un nuevo rediseño visual tan importante como el que supuso la llegada de Android 4. Una de las novedades ha sido la aparición de la Toolbar que pretende ser un reemplazo de la ActionBar más potente y flexible. Mientras que la ActionBar es un elemento del sistema que se muestra en una Activity si se hereda de un tema que la incluya, Toolbar es simplemente un widget que aporta grandes ventajas: Seguir leyendo