
El patrón de diseño Dashboard, que podríamos traducir como Panel de control, es un patrón de diseño de intefaces gráficas que llegó a ser muy popular entre las aplicaciones Android, principalmente porque permite al usuario nada más acceder a la app conocer de un vistazo las principales funcionalidades disponibles y acceder directamente a ellas, ubicando todos los accesos en una una única y misma pantalla de un smartphone.
Pero lo cierto es que su uso está en franco retroceso gracias a los últimos esfuerzos y apuestas de Google con la difusión de patrones y herramientas para unificar el diseño genérico de las apps de Android. De este modo, hace tiempo que la tendencia es utilizar elementos como ActionBar, ViewPager, Sliding Menus laterales,etc, que además podemos ver en las últimas versiones de las apps propias de Google como Google Play o Google + (curiosamente algunas de las primeras apps de Google sí que usaban un dashboard) y que, independientemente de que sean más usables o no que los dashboard, es cierto que visualmente son más llamativas. No obstante, es posible que en alguna ocasión consideremos oportuno optar por un diseño de este tipo, aunque sólo sea para componer una parte de una pantalla. Una aplicación popular que actualmente usa este diseño es Yelp

No hay un widget o layout Dashboard en la SDK de Android, así que el objetivo de este mini tutorial es crear un dashboard que podamos convertir en plantilla o snippet reutilizable y así poder incluir de forma inmediata en cualquier app este patrón de diseño gráfico. Voy a hacerlo con LinearLayout, aunque existen otras opciones como utilizar TableLayout o incluso modificar el diseño programáticamente. Simplemente mostraré la solución que uso y me da buenos resultados, además de ser sumamente simple aunque obviamente sólo válida para paneles estáticos con el contenido predefinido (en este tutorial no se va a escribir código).
En este artículo sólo se muestran y analizan los layout, pero al final se proporcionará una completa demo con target Android 2.1 para poder ver los resultados en acción y a la que corresponde las capturas mostradas. En esta demo también se aplican unos estilos básicos para que el resultado sea vistoso, y se ha usado ActionSherlockBar que será ampliamente tratado en un futuro articulo.
Seguir leyendo