Diseños de widgets canónicos

Para crear diseños de widgets eficaces, primero identifica el contenido principal. El diseño dicta cómo se organizan la información y los elementos interactivos dentro del widget. Android ofrece varios diseños precompilados para barras de herramientas, texto, listas y widgets de tipo cuadrícula para optimizar este proceso.

Texto

Los diseños de texto son ideales para mostrar información concisa. Para mejorar el atractivo visual del widget, puedes incluir una imagen junto al texto.

Solo texto

Es ideal para títulos, actualizaciones de estado, descripciones breves o cualquier situación en la que una sola línea de texto transmita el mensaje de manera eficaz. Consulta el ejemplo de diseño canónico para obtener orientación sobre cómo escalar dinámicamente el contenido de texto según el tamaño del widget.

Texto con imágenes

Incluye una imagen para agregar impacto visual. Para obtener más información, consulta Puntos de interrupción para aprender a adaptar este diseño a diferentes tamaños de pantalla.

Barras de herramientas

Usa diseños de barras de herramientas para proporcionar a los usuarios acceso rápido a las tareas que se usan con frecuencia en tu app, en un diseño flexible que se adapta a los tamaños de los widgets.

Barra de herramientas de búsqueda

Un diseño de barra de herramientas de búsqueda está diseñado intencionalmente para centrarse en la búsqueda como acción principal en la barra de herramientas. Los botones prácticos adicionales pueden proporcionar acceso rápido a las funciones que se usan con frecuencia.

Barra de herramientas

Las barras de herramientas presentan la marca de la app seguida de botones para las tareas más usadas que son ideales para la configuración conmutable o los vínculos de tareas. Cuando se cambia el tamaño, las opciones que se usan con menos frecuencia se pueden ocultar en favor de las acciones más comunes. Usa puntos de interrupción para agregar un nuevo botón mínimo de 48 dp cuando haya espacio.

Listas

Usa diseños de listas para organizar varios elementos en un formato claro y fácil de explorar. Es ideal para titulares de noticias, listas de tareas pendientes o mensajes. Organiza el contenido en una lista estructurada y fácil de explorar. Elige entre la presentación en contenedores o sin contenedores según tus necesidades de contenido.

Lista de texto e imágenes

Las listas de texto e imágenes fáciles de explorar son perfectas para mostrar varios tipos de contenido, como titulares de noticias, playlists con imagen del álbum o mensajes.

Lista de tareas

El diseño de la lista de verificación es perfecto para mostrar tareas, ya que proporciona objetivos de presión claros para que los usuarios marquen rápidamente los elementos como completados.

Lista de acciones

Proporciona una agrupación de control intuitiva con listas de acciones, en las que los estados visuales de activación y desactivación ofrecen comentarios inmediatos sobre los estados de los elementos.

Cuadrícula

Presenta imágenes en una cuadrícula compacta, flexible y visualmente enriquecida con etiquetas opcionales. Usa columnas y filas que se adapten a diferentes tamaños de pantalla.

Solo imágenes

Crea galerías de imágenes desplazables y visualmente impactantes con cuadrículas solo de imágenes. Las filas y las columnas se adaptan automáticamente a varios tamaños de pantalla para una presentación óptima.

Imágenes y texto

También puedes incorporar etiquetas y descripciones de texto, lo que enriquece el contenido de la cuadrícula de imágenes con contexto e información adicionales.