Размеры

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

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

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

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

Ручной

Размеры Минимальная ширина Максимальная ширина Минимальная высота Максимальная высота
2х1 109 306 56 130
2х2 109 306 115 276
2x3 109 306 185 422
4x1 245 624 56 130
4x2 245 624 115 276
4х3 245 624 185 422

Планшет

Размеры Минимальная ширина Максимальная ширина Минимальная высота Максимальная высота
2х1 180 304 64 120
2х2 180 304 184 304
2x3 180 304 304 488
3х1 328 488 64 120
3х2 298 488 184 304
3х3 298 488 304 488
3x4 298 488 424 672

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

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

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

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

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

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

Делать

Убедитесь, что контейнер полностью закрывает все края по всей длине.

Не

Добавьте пользовательские отступы. Ваш виджет должен занимать всю площадь экрана.

Делать

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

Не

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