Los relojes inteligentes tienen tamaños de pantalla más pequeños que los dispositivos de mano, por lo que es fundamental organizar y mostrar los elementos de una manera que facilite su acceso y use de manera eficiente el espacio de pantalla disponible. Para que los elementos se ajusten a la pantalla, usa la cantidad correcta de padding y márgenes, como se especifica en los lineamientos de Material.
Incluso cuando tu diseño se ajusta a la pantalla, los elementos de la interfaz pueden truncarse o recortarse cuando el usuario realiza una de las siguientes acciones:
- Cambia el idioma de visualización.
- Cambia el tamaño del texto.
- Habilita la configuración del sistema de Texto en negrita.
Es fundamental probar tus diseños con estas consideraciones en mente para asegurarte de que se adapten sin problemas a diferentes entornos de usuario.
Cómo mantener los elementos interactivos completamente visibles
Si tu interfaz incluye elementos interactivos, comprueba que los usuarios puedan desplazarlos por completo para que se vean, en especial si se colocan en los bordes de una página. Si tu app usa la biblioteca Horologist, usa la fábrica de diseño responsive(). De lo contrario, usa separadores y agrega márgenes a la parte inferior y superior de un objeto ScalingLazyColumn para evitar que el primer y el último elemento de la lista siempre se recorten.
Usa chips en lugar de tarjetas para diseños densos
Si necesitas un diseño más denso, usa CompactChip en lugar de tarjetas. El área de superficie más grande de las tarjetas dificulta mucho más la prevención del truncamiento de texto y de contenido.