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

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

Текст

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

Только текст

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

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

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

Панели инструментов

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

Панель инструментов поиска

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

Панель инструментов

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

Списки

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

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

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

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

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

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

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

Сетка

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

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

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

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

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