Diseños en Compose
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Jetpack Compose facilita realizar un diseño eficaz para tu app.
En las siguientes páginas, se proporciona información para diseñar e implementar tu diseño:
- Conceptos básicos sobre el diseño: Obtén información sobre los componentes fundamentales para una IU de app sencilla.
- Componentes y diseños de Material: Obtén información sobre los componentes y diseños de Material en Compose.
- Diseños personalizados: Obtén información para tomar el control del diseño de tu app y crear uno personalizado por tu propia cuenta.
- Brinda compatibilidad con diferentes tamaños de pantalla: Obtén información para usar Compose a fin de compilar diseños que se adapten a diferentes tamaños de pantalla, orientaciones y factores de forma.
- Líneas de alineación: Obtén información para crear líneas de alineación personalizadas a fin de alinear y posicionar con exactitud los elementos de tu IU.
- Medidas intrínsecas: Obtén información para establecer una altura o un ancho intrínsecos para los elementos de la IU, lo que te permite controlar de forma precisa cómo se organizan los elementos en el diseño.
- ConstraintLayout: Obtén información para usar
ConstraintLayout en la IU de Compose.
Más información
Recomendaciones para ti
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2025-08-27 (UTC)
[null,null,["Última actualización: 2025-08-27 (UTC)"],[],[],null,["Jetpack Compose makes it easy to design an efficient layout for your app.\n\nThe following pages provide details on how to design and implement your layout:\n\n- [Layout basics](/develop/ui/compose/layouts/basics): Learn about the building blocks for a straightforward app UI.\n- [Material components and layouts](/develop/ui/compose/components): Learn about Material components and layouts in Compose.\n- [Custom layouts](/develop/ui/compose/layouts/custom): Learn how to take control of your app's layout, and how to design a custom layout of your own.\n- [Support different display sizes](/develop/ui/compose/layouts/adaptive/support-different-display-sizes): Learn how to use Compose to build layouts that adapt to different screen sizes, orientations, and form factors.\n- [Alignment lines](/develop/ui/compose/layouts/alignment-lines): Learn how to create custom alignment lines to precisely align and position your UI elements.\n- [Intrinsic measurements](/develop/ui/compose/layouts/intrinsic-measurements): Learn how to set an intrinsic height or width for your UI elements, giving you precise control over how the elements are arranged in the layout.\n- [ConstraintLayout](/develop/ui/compose/layouts/constraintlayout): Learn how to use `ConstraintLayout` in your Compose UI.\n\nLearn more\n\n- **New!** Try our [Quick Guides](/quick-guides) to get a fast and focused content\n experience.\n\n- To learn more about Compose layouts, try the [Layouts in Jetpack Compose\n codelab](/codelabs/jetpack-compose-layouts).\n\nRecommended for you\n\n- Note: link text is displayed when JavaScript is off\n- [Get started with Jetpack Compose](/develop/ui/compose/documentation)\n- [ConstraintLayout in Compose](/develop/ui/compose/layouts/constraintlayout)"]]
