Пейджеры

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

Элементы конструкции следует закрепить в нижней части рамы.

Принципы

Компоненты Stack являются контейнерными, поэтому они разделяют принципы проектирования с карточками и списками:

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

Контекстуальность : Основная цель пейджера — предоставить четкий и непосредственный контекст для связанного с ним контента.

Лаконичность : Пейджеры небольшие и отличаются точным визуальным оформлением.

Использование и размещение

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

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

Элементы конструкции следует закрепить в нижней части рамы. Они размещаются над панелью управления и под областью контента.

Карты выложены в ряд без наложения друг на друга.
Разрешите перекрытие карточек. Одновременно видна только одна карточка.

Анатомия

Пейджер состоит из ряда индикаторных точек, находящихся в активном и неактивном состояниях.

Пейджер состоит из ряда индикаторных точек, находящихся в активном и неактивном состояниях. А. Активная (Текущая страница)

Б. Неактивная страница

Пейджер показывает, что вы проводите пальцем в неправильном направлении.

Пейджер состоит из ряда индикаторных точек, находящихся в активном и неактивном состояниях.

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

Настройка

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