Используйте канонические макеты в качестве отправной точки — готовые композиции, которые помогают адаптировать макеты к распространённым сценариям использования и размерам экранов. Эти макеты эстетичны и функциональны и разработаны на основе руководства Material 3 .
Платформа Android включает специализированные компоненты, которые делают реализацию макетов простой и надежной с использованием API Jetpack Compose или представлений .
Макет списка-детали
Макет «Список-подробность» позволяет пользователям просматривать списки элементов с описательной, пояснительной или другой дополнительной информацией — подробной информацией об элементе. На экранах небольшого размера отображаются только список или подробное представление. Списки, отображающие набор контента в строковом макете, являются наиболее распространённой формой макетов для приложений. Список-подробность идеально подходит для приложений обмена сообщениями, менеджеров контактов, файловых менеджеров и любых других приложений, где содержимое можно организовать в виде списка элементов, раскрывающих дополнительную информацию.
Контент может быть статичным или динамичным.
- Динамический контент — это контент, который ваше приложение отображает «на лету» и идеально подходит для отображения пользовательского контента или отражения его предпочтений или действий. Например, представьте себе приложение для работы с фотографиями с прокручиваемым списком пользовательских фотографий, уникальным для каждого пользователя и изменяющимся по мере загрузки новых изображений. Эти изображения представляют собой динамический контент.
- Статический контент представляет собой жёстко заданный контент, который можно изменить только путём внесения изменений непосредственно в код приложения. Примерами статического контента являются изображения и текст, которые может видеть каждый пользователь.
Файл Figma для Android Now содержит несколько примеров макетов. В следующем примере показана одномерная коллекция контента.
Изучите списки Material 3 для получения дополнительных рекомендаций по проектированию компонентов и спецификаций списков.
Макет ленты
Макет ленты упорядочивает эквивалентные элементы контента в настраиваемой сетке для быстрого и удобного просмотра большого объёма контента. Подробнее см. в руководстве Material 3 по использованию карточек в коллекции . Ленты могут иметь конфигурацию в виде списка или сетки на компактных дисплеях, обычно в виде карточек или плиток. Контент может быть динамическим, то есть поступать из динамического внешнего источника, например, API.
Сетчатая структура состоит из строк и столбцов, сформированных по принципу явного или неявного ограничения. Сетчатая структура может быть более строгой или смещенной для изменения строк и столбцов. В обоих случаях необходимо обеспечить единообразие интервалов и логики, чтобы избежать путаницы. Ознакомьтесь с рекомендациями по дизайну лент в разделе «Материал 3» .
Вы можете реализовать макет ленты в Compose с помощью ленивых списков или ленивых сеток , или в представлениях с помощью RecyclerView или CardView .
Например, здесь распространенными форматами лент являются фотогалерея и подкасты в сетке.
Поддержка макета панели
Для мобильного представления может потребоваться вспомогательный контент или элементы управления. Обычно это таблицы или диалоговые окна, которые помогают сохранить основное представление сфокусированным и не перегруженным. Ознакомьтесь с руководством M3 по использованию канонического макета вспомогательной панели .
Ознакомьтесь с рекомендациями M3 для нижних листов .