Прокрутка макетов приложений

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

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

Диалог с нижним стеком кнопок

Диалог с нижним стеком кнопок

Диалог с нижними двойными кнопками

Примеры пользовательских макетов прокрутки

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

Дополнительный контент на больших экранах

Список кнопок: Кнопки-значки с размером значка 26dp

Список кнопок: кнопки приложений с размером значка 32dp

Список кнопок: кнопки приложений с размером значка 36dp

Список кнопок с переключателями

Смешанный список с однострочными элементами

Смешанный список с многострочными элементами

Список карточек с карточками приложений

Список карточек с названиями

Список карт с пользовательскими картами

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

Реактивное и адаптивное поведение

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

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

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