Используйте типовые макеты, чтобы адаптировать ваше приложение к распространенным сценариям использования и размерам экрана. Эти готовые композиции — хорошая отправная точка.
List-detail layout
Макет «список-подробности» позволяет пользователям просматривать списки элементов, содержащих описательную, пояснительную или другую дополнительную информацию — подробную информацию об элементе. На компактных экранах отображается только список или подробное представление. Отображение коллекции контента в построчном формате делает списки наиболее распространенной формой макета для приложений. Макет «список-подробности» идеально подходит для мессенджеров, менеджеров контактов, файловых менеджеров или любого приложения, где контент может быть организован в виде списка элементов, раскрывающих дополнительную информацию.
Content can be static or dynamic.
- Dynamic content is content that your app serves on-the-fly and is ideal for showing user-generated content or reflecting the user's preference or actions. For example, imagine a photo app with a scrollable list of user-generated photos, which is unique for each user and changes as the user uploads more images. These images are dynamic content.
- Статический контент представляет собой жестко закодированный контент, который можно изменить только путем внесения изменений непосредственно в код вашего приложения. Примерами статического контента являются изображения и текст, которые может увидеть каждый пользователь.
The Now in Android Figma file provides multiple layout examples. The following example shows a one-dimensional collection of content.
Для получения дополнительных рекомендаций по проектированию компонентов списков и их характеристикам ознакомьтесь с материалами Material 3 Lists .
Схема подачи
A feed layout arranges equivalent content elements in a configurable grid for quick, convenient viewing of a large amount of content. Learn more about Material 3 guidelines for using cards in a collection. Feeds can be list- or grid-based configuration on compact displays, typically in cards or tiles. Content can be dynamic, meaning it is "fed in" from a dynamic external source such as an API.
Сетчатая компоновка состоит из строк и столбцов, сформированных на основе подразумеваемых или явных принципов размещения. Сетчатая компоновка может быть более жесткой или иметь смещенное расположение строк и столбцов для изменения их размера. В обоих случаях необходимо обеспечить единообразное применение интервалов и логики, чтобы избежать путаницы у пользователей.
Вы можете реализовать макет ленты с помощью ленивых списков или ленивых сеток .
For example, here a photo gallery and podcasts in a grid layout are common feed formats.
Support pane layout
A mobile view might require supporting content or controls, such as sheets or dialogs. They help the primary view stay focused and uncluttered.
Узнайте о рекомендациях по изготовлению днищевых листов по стандарту M3 .
WebViews
A WebView displays in-app web pages. In most cases, we recommend using a standard web browser, like Chrome, to deliver content to the user. To learn more about web browsers, read the guide for invoking a browser with an intent .