Размеры

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

Размеры по умолчанию

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

Задайте атрибуты targetCellWidth и targetCellHeight для телефонов и планшетов, чтобы виджет правильно размещался и показывался в окне выбора. dpПодробнее о том, как определить размер виджета…

Точки останова

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

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

Рисунок 1. Использование контрольных точек для изменения макета при разных размерах.

Виджеты для разных типов устройств

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

Виджеты на экране Googlebook

Заполнить границы

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

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