Componentes de Material en Compose
Jetpack Compose ofrece una implementación de Material Design, un sistema de diseño integral para crear interfaces digitales. Puedes usar funciones de componibilidad para implementar componentes de Material.
Acciones
Botones
Los botones solicitan la mayoría de las acciones en una IU.
Botón de acción flotante
Los botones de acción flotantes (BAF) ayudan a los usuarios a realizar acciones principales.
Botón de ícono
Los botones con íconos ayudan a los usuarios a realizar acciones secundarias con un solo toque.
Botón segmentado
Los botones segmentados ayudan a los usuarios a seleccionar opciones, cambiar de vista o ordenar elementos.
Comunicación
Distintivos
Las insignias muestran notificaciones, recuentos o información de estado en los elementos de navegación y los íconos.
Indicadores de progreso
Los indicadores de progreso expresan un tiempo de espera no especificado o muestran la duración de un proceso.
Snackbar
Las barras de notificaciones muestran actualizaciones breves sobre los procesos de la app en la parte inferior de la pantalla.
Cuadros de información
Las Tooltips muestran etiquetas o mensajes breves.
Contención
Hojas inferiores
Las hojas inferiores muestran contenido secundario anclado en la parte inferior de la pantalla.
Tarjetas
Las tarjetas muestran contenido y acciones sobre un solo tema.
Navegación
Barras de la app
Las barras de la app se colocan en la parte superior de la pantalla para ayudar a los usuarios a navegar.
Barra de navegación
Las barras de navegación permiten que las personas cambien entre las vistas de la IU en dispositivos más pequeños.
Panel lateral de navegación
Los paneles de navegación permiten que las personas cambien entre las vistas de la IU en dispositivos más grandes.
Riel de navegación
Los rieles de navegación permiten que las personas cambien entre las vistas de la IU en dispositivos de tamaño mediano.
Tabs
Las pestañas organizan el contenido en diferentes pantallas y vistas.
Selección
Casilla de verificación
Las casillas de verificación permiten que los usuarios seleccionen uno o más elementos de una lista, o bien activen o desactiven un elemento.
Chips
Los chips ayudan a las personas a ingresar información, realizar selecciones, filtrar contenido o activar acciones.
Selector de fecha
Los selectores de fecha permiten que las personas seleccionen una fecha o un período.
Menús
Los menús muestran una lista de opciones en una superficie temporal.
Botón de selección
Los botones de selección permiten que las personas elijan una opción de un conjunto.
Controles deslizantes
Los controles deslizantes permiten que los usuarios seleccionen un rango de valores.
Switch
Los interruptores activan o desactivan la selección de un elemento.
Selectores de horarios
Los selectores de hora ayudan a los usuarios a seleccionar y establecer una hora específica.
Entradas de texto
Buscar
La Búsqueda permite a los usuarios ingresar una palabra clave o frase para obtener información pertinente.
Campos de texto
Los campos de texto permiten que los usuarios ingresen texto en una IU.
Listas y cuadrículas
Aprende a usar diseños básicos en Compose.
Recursos
Aprende a administrar recursos, como imágenes y strings.