Crea un componente de andamiaje para mantener unida la IU

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.
Figura 1: Una implementación de andamiaje.

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:

Descubre cómo usar una plataforma estandarizada para compilar interfaces de usuario complejas. El andamiaje une diferentes partes de la IU, lo que les da a las apps un aspecto coherente.
Descubre cómo las funciones de componibilidad pueden ayudarte a crear fácilmente componentes de IU atractivos basados en el sistema de diseño de Material Design.

Tienes preguntas o comentarios

Ve a nuestra página de preguntas frecuentes para obtener información sobre las guías rápidas o comunícate con nosotros para contarnos tu opinión.