Создавайте эффективные макеты виджетов, сначала определив основной контент. Ваш макет определяет, как информация и интерактивные элементы организованы в вашем виджете. Android предлагает несколько готовых макетов для виджетов текста, списка и сетки, чтобы упростить этот процесс.
Текст
Текстовые макеты идеально подходят для отображения краткой информации. Повысьте визуальную привлекательность вашего виджета, при необходимости включив изображение рядом с текстом.
Идеально подходит для заголовков, обновлений статуса, кратких описаний или любого сценария, в котором одна строка текста эффективно передает сообщение. Обратитесь к образцу макета Canonical для получения инструкций по динамическому масштабированию текстового содержимого в зависимости от размера виджета.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Text_only.jpg?authuser=0000&hl=ru)
Добавьте изображение для дополнительного визуального эффекта. Дополнительные сведения см. в разделе «Точки останова» , чтобы узнать, как адаптировать этот макет для экранов разных размеров.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Text_and_Image.jpg?authuser=0000&hl=ru)
Списки
Используйте макеты списков, чтобы упорядочить несколько элементов в понятном и удобном для сканирования формате. Это идеально подходит для заголовков новостей, списков дел или сообщений. Организуйте контент в структурированный, легко читаемый список. Выбирайте между контейнерной или бесконтейнерной презентацией в зависимости от ваших потребностей в контенте.
Легко сканируемые списки текста и изображений идеально подходят для демонстрации нескольких типов контента, например заголовков новостей, плейлистов с обложками альбомов или сообщений.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Text_Image.jpg?authuser=0000&hl=ru)
Макет контрольного списка идеально подходит для отображения задач, предоставляя пользователям четкие цели, позволяющие легко отмечать элементы как выполненные.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Checklist.jpg?authuser=0000&hl=ru)
Обеспечьте интуитивно понятную группировку элементов управления со списками действий, где визуальные состояния включения/выключения обеспечивают немедленную обратную связь о статусах элементов.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/03_Action_List.jpg?authuser=0000&hl=ru)
Сетка
Представляйте изображения в компактной, гибкой, визуально насыщенной сетке с дополнительными метками. Используйте столбцы и строки, которые адаптируются к разным размерам экрана.
Создавайте визуально эффектные прокручиваемые галереи изображений, используя сетки только для изображений. Строки и столбцы автоматически адаптируются к различным размерам экрана для оптимального представления.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Image_Only.jpg?authuser=0000&hl=ru)
Вы также можете включать текстовые метки и описания, обогащая содержимое сетки изображений дополнительным контекстом и информацией.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Image_and_Text.jpg?authuser=0000&hl=ru)