Канонические макеты виджетов

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

Текст

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

Только текст

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

Текст и изображение

Добавьте изображение для дополнительного визуального эффекта. Дополнительные сведения см. в разделе «Точки останова» , чтобы узнать, как адаптировать этот макет для экранов разных размеров.

Списки

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

Список текста и изображений

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

Контрольный список

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

Список действий

Обеспечьте интуитивно понятную группировку элементов управления со списками действий, где визуальные состояния включения/выключения обеспечивают немедленную обратную связь о статусах элементов.

Сетка

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

Только изображение

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

Изображение и текст

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