Резюме

Изучите шаблоны макетов Compose и примеры макетов дизайна, чтобы проектировать и создавать уникальные экраны приложений.

Большинство приложений используют либо непрокручиваемую, либо прокручиваемую компоновку, состоящую из следующих элементов:

  • Текст с указанием времени: учитывая, что устройство представляет собой часы, мы рекомендуем отображать текст с указанием времени даже во время использования приложения (необязательно, но рекомендуется).
  • Название страницы: Ориентирование и напоминания о том, на каком этапе путешествия находится пользователь (необязательно, но рекомендуется).
  • Индикатор прокрутки: только в прокручиваемых макетах; указывает на то, что под сгибом экрана есть еще что-то.
  • Кнопки действий : рекомендуется размещать внизу; подтвердить, завершить или продолжить путь пользователя.

Разделы макета приложения

Верхняя часть

Верхняя часть имеет опцию Time Text, компактную кнопку и заголовок, служащий в качестве ориентира и понятной навигации. Все это опционально.

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

Средняя часть

Средний раздел может содержать любой из доступных Compose (не полноэкранный) или пользовательских компонентов в списке. Этот раздел может содержать дополнительные заголовки для группировки контента и полосу прокрутки.

Все компоненты в середине раздела контента должны быть адаптивными, заполняя доступную ширину до процентных полей. Все макеты с прокруткой будут иметь поведение масштабирования-ленивой-колонки, показывая масштабирование компонентов и исчезновение за пределами экрана.

Нижняя часть

Нижняя часть обеспечивает место для кнопок основных и дополнительных действий или может быть оставлена ​​пустой, если это конец путешествия.

Рекомендуется использовать кнопку, примыкающую к краю в конце списка, поскольку она использует ограниченное пространство и дополняет круглый экран.

Может потребоваться более одного действия, которое может отображаться в стеке кнопок или в группе кнопок из двух значков.

Непрокручиваемые представления приложений

С заголовком
Без названия

С заголовком и без нижней части
Без заголовка и нижней части

Прокрутка представлений приложений

С заголовком
Без названия

С заголовком и без нижней части
Без заголовка и нижней части