Diseños avanzados en Compose
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Descubre cómo compilar diseños complejos para tus diseños de Compose, enfocándote en la fase y las restricciones de diseño, los diseños de subcomposición y las mediciones intrínsecas.
Puntos clave
- La fase de diseño es la fase de Compose en la que se definen el tamaño y la posición de los elementos.
- Durante la fase de diseño, cada elemento del árbol de IU mide sus elementos secundarios, lo que permite que el elemento superior decida su propio tamaño y coloque los elementos secundarios en el espacio 2D disponible.
- Para compilar un diseño personalizado, llama al elemento componible
Layout, que acepta el contenido componible como sus elementos secundarios.
- La subcomposición permite que los componentes diferidos agreguen contenido on demand mientras se desplazan.
- Los diseños subcompuestos pueden afectar el rendimiento. Usa este enfoque cuando la composición de al menos un elemento secundario dependa del resultado de la medición de otro elemento secundario.
- Las mediciones intrínsecas te permiten consultar los elementos secundarios antes de que se midan.
Colecciones que contienen esta guía
Esta guía forma parte de estas colecciones de guías rápidas seleccionadas que abarcan objetivos más amplios de desarrollo de Android:
Cómo mostrar una lista o una cuadrícula
Las listas y las cuadrículas permiten que tu app muestre colecciones de una forma visualmente atractiva y fácil de consumir para los usuarios.
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-02-06 (UTC)
[null,null,["Última actualización: 2025-02-06 (UTC)"],[],[],null,["# Advanced layouts in Compose\n\n\u003cbr /\u003e\n\nSee how to build complex designs for your Compose layouts, focusing on layout\nphase and constraints, subcompose layouts, and intrinsic measurements. \n\nKey points\n----------\n\n- The *layout phase* is the phase of Compose where element sizing and positioning is defined.\n- During the layout phase, each element in the UI tree measures its children, enabling the parent to decide its own size and placing the children in the available 2D space.\n- To build a custom layout, call the [`Layout`](/reference/kotlin/androidx/compose/ui/layout/package-summary#Layout(kotlin.collections.List,androidx.compose.ui.Modifier,androidx.compose.ui.layout.MultiContentMeasurePolicy)) composable, which accepts the composable content as its children.\n- Subcomposition enables lazy components to add content on demand while scrolling.\n- Subcomposed layouts can have an impact on performance. Use this approach when at least one child's composition depends on the result of another child's measurement.\n- Intrinsic measurements let you query children before they're measured.\n\nCollections that contain this guide\n-----------------------------------\n\nThis guide is part of these curated Quick Guide collections that cover\nbroader Android development goals: \n\n### Display a list or grid\n\nLists and grids allow your app to display collections in a visually pleasing form that's easy for users to consume. \n[Quick guide collection](/develop/ui/compose/quick-guides/collections/display-a-list-or-grid) \n\nHave questions or feedback\n--------------------------\n\nGo to our frequently asked questions page and learn about quick guides or reach out and let us know your thoughts. \n[Go to FAQ](/quick-guides/faq) [Leave feedback](https://issuetracker.google.com/issues/new?component=1573691&template=1993320)"]]
