Las tarjetas pueden contener una gran variedad de información, como texto, íconos, imágenes, respuestas de Gemini o acciones.
Principios
Cohesivas: Las tarjetas agrupan información y acciones relacionadas en una sola unidad fácil de comprender.
Claros: Presentan el contenido de forma clara y organizada, lo que mejora la capacidad de lectura rápida.
Versátiles: Las tarjetas pueden adaptarse para mostrar una amplia variedad de contenido, desde textos breves simples hasta resúmenes más complejos con varios elementos.
Modular: Está diseñado para ser modular y reutilizable en diferentes partes de la interfaz de Jetpack Compose Glimmer para Glasses.
Uso y posición
Las tarjetas pueden contener una gran variedad de información, como texto, íconos, imágenes, acciones o respuestas de Gemini.
Usa las plantillas de tarjetas de Glimmer de Jetpack Compose para el contenido, ya que vienen en muchas variaciones y están optimizadas para seguir los principios de diseño de los lentes de inmediato.
Qué debes hacer
Qué no debes hacer
Anatomía
Las tarjetas se compilan con plantillas de ranuras predefinidas.
1. Encabezado: Es la sección superior de la tarjeta, diseñada para contener una imagen.
2. Título y subtítulo: Estos campos de texto proporcionan las etiquetas principal y secundaria de la tarjeta.
3. Ícono principal: Es un ícono opcional que aparece al principio del área de contenido de la tarjeta.
4. Ícono secundario: Es un ícono opcional que aparece al final del área de contenido de la tarjeta.
5. Acción: Es un espacio para un elemento interactivo principal, como un botón. Esto permite que los usuarios realicen una acción directamente desde la tarjeta. La ranura está disponible en una sobrecarga separada del elemento componible Card.
6. Contenido principal: Es el cuerpo central de la tarjeta, en el que colocas el texto principal o cualquier otro contenido.
Enfoque
En el caso de las tarjetas cuyo propósito principal es alojar un elemento interactivo específico (como el botón de la acción), el enfoque debe dirigirse directamente a ese elemento, no al contenedor de la tarjeta. Una tarjeta se puede enfocar cuando representa un solo elemento navegable, como una entrada en una lista. Esto proporciona una experiencia del usuario más directa y accesible.
Una tarjeta que tiene el enfoque como un elemento de lista.
Se enfoca un botón dentro de una tarjeta como el elemento accionable.
Personalización
| Propiedades | Personalización | Configuración predeterminada |
|---|---|---|
| Forma | Sí | Media |
| Padding | Sí | 24 dp, 24 dp |
| Borde | Sí | 2 dp, #606460 |
| Texto | Sí | Cuerpo pequeño |
| Ícono inicial | Sí | 56 dp |
| Ícono final | Sí | 56 dp |