Para las páginas que contienen más información que se extiende más allá de la altura de la pantalla o que requieren recorridos más largos y envolventes, usa una vista de desplazamiento.
Componentes de diseño de desplazamiento predeterminados
Diálogo con pila de botones en la parte inferior
Diálogo con pila de botones en la parte inferior
Diálogo con botones dobles en la parte inferior
Ejemplos de diseños de desplazamiento personalizados
Las pantallas de la app con desplazamiento no se limitan a los componentes establecidos, sino que pueden combinar elementos para crear el diseño que desees. Ten en cuenta la longitud de una pantalla de desplazamiento y el uso de márgenes y relleno responsivos (porcentaje) para verificar que los componentes se adapten al tamaño de pantalla disponible.
Contenido adicional en pantallas más grandes
Lista de botones: Botones de ícono con tamaño de ícono de 26 dp
Lista de botones: Botones de la app con un tamaño de ícono de 32 dp
Lista de botones: Botones de la app con un tamaño de ícono de 36 dp
Lista de botones con botones de activación
Lista mixta con elementos de una sola línea
Lista mixta con elementos de varias líneas
Lista de tarjetas con tarjetas de apps
Lista de tarjetas con tarjetas de título
Lista de tarjetas con tarjetas personalizadas
Lista de texto
Comportamiento responsivo y adaptable
Todos los componentes de la biblioteca de Compose se adaptan automáticamente al tamaño de pantalla más amplio y ganan ancho y alto. Las vistas de desplazamiento que usan prácticas de diseño responsivo suelen adaptarse a una variedad de tamaños de pantalla. Sin embargo, en algunos casos especiales, puedes usar un breakpoint para anular las dimensiones y aumentar los diseños, lo que expande la funcionalidad, mejora la visibilidad o hace que el contenido se ajuste mejor a la pantalla.
Para verificar que los parámetros de respuesta se definan correctamente, usa la siguiente lista de tareas:
- Aplica los márgenes superior, inferior y laterales recomendados.
- Define los márgenes externos en valores de porcentaje para evitar el recorte al principio y al final del contenedor desplazable.
- Aplica márgenes en valores de DP fijos entre los elementos de la IU.
- Considera aplicar un punto de interrupción en 225 dp para introducir contenido adicional o hacer que el contenido existente sea más fácil de visualizar en tamaños de pantalla más grandes.
