En Material Design, un andamiaje es una estructura fundamental que proporciona una plataforma estandarizada para interfaces de usuario complejas. Une diferentes partes de la IU, como las barras de la app y los botones de acción flotantes, lo que les da a las apps un aspecto y estilo coherentes.
Compatibilidad de versiones
Esta implementación requiere que el minSDK de tu proyecto se establezca en el nivel de API 21 o una versión posterior.
Dependencias
Crea un andamiaje
En el siguiente ejemplo, se proporciona un ejemplo completo de cómo puedes implementar Scaffold
. Contiene una barra de la app superior, una barra de la app inferior y un botón de acción flotante que interactúa con el estado interno de Scaffold
.
Resultados
![Una implementación de andamiaje que contiene barras de la app superiores e inferiores simples, así como un botón de acción flotante que itera un contador. El contenido interno del andamiaje es un texto simple que explica el componente.](https://developer.android.google.cn/static/develop/ui/compose/images/components/scaffold.png?hl=es-419)
Puntos clave
El elemento componible Scaffold
proporciona una API sencilla que puedes usar para ensamblar rápidamente la estructura de tu app según los lineamientos de Material Design.
Scaffold
acepta varios elementos componibles como parámetros. Entre estos, se incluyen los siguientes:
topBar
: Es la barra de la app que se encuentra en la parte superior de la pantalla.bottomBar
: Es la barra de la app que se encuentra en la parte inferior de la pantalla.floatingActionButton
: Es un botón que se coloca sobre la esquina inferior derecha de la pantalla y que puedes usar para exponer acciones clave.
Para obtener ejemplos más detallados sobre cómo implementar barras de la app superior e inferior, consulta la página de barras de la app.
También puedes pasar contenido Scaffold
como lo harías con otros contenedores. Pasa un valor innerPadding
a la lambda content
que puedes usar en elementos secundarios componibles.
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:
![](https://developer.android.google.cn/static/images/quick-guides/collection-illustration.png?hl=es-419)
Crea una estructura de pantalla principal
![](https://developer.android.google.cn/static/images/quick-guides/collection-illustration.png?hl=es-419)