Comprende las plantillas de diseño de Compose y los diseños de ejemplo para diseñar y compilar pantallas de apps únicas.
La mayoría de las apps usan un diseño con o sin desplazamiento, que consta de los siguientes elementos:
- Texto de la hora: Dado que el dispositivo es un reloj, te recomendamos que muestres el texto de la hora incluso cuando estés en un recorrido de la app (opcional, pero recomendado).
- Título de la página: Indicaciones sobre cómo llegar y recordatorios de en qué parte del recorrido se encuentra el usuario (opcional, pero recomendado).
- Indicador de desplazamiento: Solo en diseños de desplazamiento, indica que hay más contenido debajo del pliegue de la pantalla.
- Botones de acción: Se recomienda colocarlos en la parte inferior para confirmar, concluir o continuar el recorrido del usuario.
Secciones del diseño de la app
Sección superior
La sección superior tiene la opción de texto de hora, un botón compacto y un título que funciona como buscador de rutas y navegación clara. Todas son opcionales.
Se puede usar un botón compacto en casos especiales en los que la página es muy larga, y un botón de búsqueda o acción ayudará al usuario a navegar por la lista sin tener que desplazarse hasta el final.
Sección central
La sección central puede contener cualquiera de los componentes Compose (no de pantalla completa) o personalizados disponibles en una lista. Esta sección puede contener encabezados adicionales para agrupar el contenido y la barra de desplazamiento.
Todos los componentes de la sección central del contenido deben ser responsivos y ocupar el ancho disponible hasta los márgenes porcentuales. Todos los diseños de desplazamiento tendrán un comportamiento de escalamiento de columna diferido, que mostrará los componentes que se escalan y se desvanecen en la pantalla.
Sección inferior
La sección inferior proporciona espacio para botones de acción principales y secundarios, o bien se puede dejar vacía si este es el final de un recorrido.
Se recomienda usar un botón de borde para el final de la lista, ya que aprovecha el espacio limitado y complementa la pantalla redonda.
Es posible que se necesite más de una acción, que puede aparecer en una pila de botones o en un grupo de botones de dos íconos.
Vistas de apps sin desplazamiento
Con título
Sin título
Con título y sin sección inferior
Sin título ni sección inferior
Vistas de apps con desplazamiento
Con título
Sin título
Con título y sin sección inferior
Sin título ni sección inferior