Стек — это свернутый список, в котором одновременно отображается только один элемент контента в виде сложенного визуального элемента, например уведомления или карточки.
Принципы
Стек — это компонент-контейнер, поэтому он имеет те же принципы дизайна, что и карточки и списки:
Сдерживание : Стеки группируют связанную информацию и действия в единое, усвояемое целое.
Сфокусированность и ясность : они представляют контент четко и ясно.
Универсальность : на стеках можно отображать карточки и уведомления.
Последовательное представление : стеки имеют постоянную визуальную структуру.
Использование и размещение
Стопки — это способ показать пользователям, что несколько элементов свёрнуты в список, минимизируя при этом визуальные элементы в поле зрения. Существует два варианта стопок:
Стопки карт
Стеки уведомлений
Стеки — это компонент контейнера, обе версии действуют и выглядят одинаково.
Оба должны выглядеть и работать практически идентично. Стек — это просто контейнер для этих элементов управления со встроенной логикой пагинации.
Навигация осуществляется свайпом или перетаскиванием по сенсорной панели вперёд и назад. Прокрутка списка позволяет перемещаться только по одному элементу за раз.
Используйте глубину для обозначения фокуса
Элементы нижнего стека используют глубину 0, а самый верхний элемент использует глубину +2.
В стеках можно перемещать по одному элементу за раз.
При сенсорном вводе стопки могут представлять по одному элементу за раз, перемещаясь вертикально.
При сенсорном вводе стеки могут преобразовываться в списки, отображающие более одного элемента одновременно. Список должен использовать контейнеры и состояния фокуса по умолчанию.
Анатомия
Стек всегда свёрнут как компонент пагинации. Верхний элемент всегда находится в фокусе, демонстрируя более выраженную глубину границы, если только нет вложенной активной кнопки.
Бамперы помогают подчеркнуть начало/конец стека. Пружинная анимация, которая возвращает список на место после отпускания.
Настройка
В стеках есть встроенные элементы управления, навигация и анимация, которые невозможно настроить. Однако настраивается само содержимое стеков.