Полосы прокрутки указывают местоположение пользователя в документе, размер которого превышает область просмотра. Они позволяют пользователю перемещаться по остальной части документа, перемещая область просмотра окна вверх или вниз.
Пользователи взаимодействуют с полосами прокрутки с помощью сенсорного экрана, поворотного колеса или тачпада. Касание стрелок на полосе прокрутки перемещает контент на страницы, то есть с шагом, равным высоте экрана. Однако, если пользователь быстро прокручивает страницу (в зависимости от чувствительности сенсорного экрана), это движение может создать инерционный момент, который прокрутит страницу дальше, чем на одну страницу. Независимо от способа начала прокрутки, движение всегда должно быть привязано к определенному элементу.
Анатомия
Полоса прокрутки состоит из элементов прокрутки вверх и вниз, а также индикатора прогресса прокрутки. В элементах прокрутки используются шевроны для обозначения направления прокрутки. Индикатор прогресса прокрутки — это необязательный элемент, который указывает видимое содержимое и положение прокрутки относительно общего объема содержимого на странице.
2. Индикатор выполнения прокрутки
3. Возможность прокрутки вниз
Технические характеристики
Расположение полосы прокрутки при расположении основной навигации друг над другом и свернутой панели управления.
Положение полосы прокрутки только с заголовком приложения
Расположение полосы прокрутки относительно заголовка приложения и панели управления.
Положение полосы прокрутки с заголовком приложения и расширенной панелью управления.
Расположение полосы прокрутки относительно панели приложения/заголовка и свернутой панели управления.
Положение полосы прокрутки только с панелью/заголовком приложения
Расположение полосы прокрутки относительно заголовка приложения и панели управления.
Положение полосы прокрутки с заголовком приложения и расширенной панелью управления.
положение полосы прокрутки при малой высоте экрана
Дополнительный индикатор хода прокрутки
Стили
Цвет
| Элемент | Цвет (дневной режим) | Цвет (ночной режим) |
|---|---|---|
| Основные значки - активное состояние | Белый | Белый @ 88% |
| Основные значки — неактивное состояние | Белые @ 56% | Белый @ 50% |
| индикатор выполнения прокрутки | Белый @ 16% | Белый @ 12% |
Размер
| Элемент | Размер (dp) |
|---|---|
| Основной значок | 44 |
| Коснитесь цели | 76 |
| ширина индикатора выполнения прокрутки | 6 |
| Радиус скругления углов (R4) | Полный |
Примеры
