Создайте компонент каркаса для объединения пользовательского интерфейса.

В Material Design каркас — это фундаментальная структура, обеспечивающая стандартизированную платформу для сложных пользовательских интерфейсов. Он объединяет различные части пользовательского интерфейса, такие как панели приложений и плавающие кнопки действий, придавая приложениям целостный внешний вид.

Совместимость версий

Для этой реализации требуется, чтобы в minSDK вашего проекта был установлен уровень API 21 или выше.

Зависимости

Создайте эшафот

В следующем примере представлен полный пример того, как можно реализовать Scaffold . Он содержит верхнюю панель приложения, нижнюю панель приложения и кнопку плавающего действия, которая взаимодействует с внутренним состоянием Scaffold .

Результаты

Реализация scaffold, содержащая простые верхнюю и нижнюю панели приложений, а также плавающую кнопку действия, которая выполняет итерацию счетчика. Внутреннее содержимое scaffold — это простой текст, объясняющий компонент.
Рисунок 1. Реализация каркаса.

Ключевые моменты

Composable Scaffold предоставляет простой API, который можно использовать для быстрой сборки структуры вашего приложения в соответствии с рекомендациями Material Design. Scaffold принимает несколько компонуемых объектов в качестве параметров. Среди них следующие:

  • topBar : панель приложения в верхней части экрана.
  • bottomBar : панель приложения в нижней части экрана.
  • floatingActionButton : кнопка, которая нависает над правым нижним углом экрана и которую можно использовать для отображения ключевых действий.

Более подробные примеры того, как можно реализовать как верхнюю, так и нижнюю панели приложений, см. на странице «Панели приложений».

Вы также можете передавать содержимое Scaffold так же, как и в другие контейнеры. Он передает значение innerPadding в лямбда- content , которое затем можно использовать в дочерних составных объектах.

Коллекции, содержащие это руководство

Это руководство является частью тщательно подобранной коллекции быстрых руководств, охватывающих более широкие цели разработки Android:

Узнайте, как использовать стандартизированную платформу для создания сложных пользовательских интерфейсов. Структура объединяет различные части пользовательского интерфейса, придавая приложениям целостный внешний вид.
Узнайте, как компонуемые функции позволяют легко создавать красивые компоненты пользовательского интерфейса на основе системы дизайна Material Design.

Есть вопросы или отзывы

Перейдите на нашу страницу часто задаваемых вопросов и узнайте о кратких руководствах или свяжитесь с нами и сообщите нам свои мысли.