Las entradas, el contenido o las acciones pueden aparecer en relación entre sí o restringidas a un contenedor superior. Los diseños pueden ser más personalizados, pero asegúrate de seguir agrupaciones, columnas y espaciado coherentes.
La autenticación es un diseño relativo común, como se muestra en la siguiente figura. Un diseño personalizado describe cómo se relacionan los elementos de la IU entre sí.
Los diseños también pueden usar una combinación de tipos de diseño. Por ejemplo, puedes combinar un carrusel o un desplazamiento horizontal con tarjetas verticales, o bien presentar un gráfico personalizado con datos de lista vertical.
Puedes presentar contenido en filas o columnas desplazables con filas y columnas diferidas.
El diseño de pantalla completa es otro diseño común, como se usa en el modo envolvente.
Si trabajas con Views en lugar de Compose, puedes usar
ConstraintLayout para diseñar vistas según las relaciones entre
las vistas del mismo nivel y el diseño de nivel superior, lo que permite diseños grandes y complejos.
ConstraintLayout te permite compilar todo arrastrando y soltando elementos en lugar de editar el XML con el editor de diseño. Obtén más información sobre cómo compilar una IU con
el editor de diseño.
Obtén más información sobre los conceptos básicos del diseño de Compose y qué compone un elemento componible.
WebViews
Una WebView es una vista que muestra páginas web en la app. En la mayoría de los casos, recomendamos usar un navegador web estándar, como Chrome, para entregar contenido al usuario. Para obtener más información sobre los navegadores web, lee la guía para invocar un navegador con un intent.