Списки

Списки представляют собой контейнеры элементов со встроенной прокруткой и фокусом.

Принципы

Четкая организация : информация в списках должна быть представлена ​​в четком и легко читаемом вертикальном порядке.

Последовательное представление элементов : элементы списка должны иметь постоянную визуальную структуру.

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

Интерактивность : элементы списка часто представляют собой выбираемые или действующие элементы.

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

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

Списки могут отображать один или несколько выбираемых элементов в представлении.

Используйте сетки для обозначения переполнения содержимого

Если список содержит больше элементов, чем помещается в окне, то по краям списка используется черная рамка.

При необходимости списки могут использовать заголовок.

Для ясности в списке можно использовать статический или фиксированный заголовок.

cancel

Не

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

Используйте глубину для обозначения фокуса

Элементы списка перемещаются на глубину от 0 до +4 для нефокусированного и фокусированного состояний.

Элементы списка могут быть интерактивными

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

Анатомия

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

А. Контейнер — прокручиваемая область

B. Элемент списка

C. Системные панели

Элемент списка: каждый отдельный элемент в списке.

А. Форма

Б. Граница

C. Ведущий значок

D. Текстовое содержание

E. Трейлинговый индикатор

Настройка

Большая часть настроек выполняется с помощью элементов списка.

Характеристики	Настройка	Настройки по умолчанию
Элемент списка: Форма	Да	40 дп
Элемент списка: Начальный и конечный значок	Да	Средний значок символа
Элемент списка: Заполнение значений	Да	2д дп, 20 дп
Элемент списка: Содержание	Да	Однострочный: один текст, который можно составить для основной метки с использованием основного текста (маленький). Двухстрочный: столбец, содержащий два текста, которые можно составить для основной и дополнительной меток. Основной: заголовок (маленький). Вторичный: основной текст (маленький).
Список: вертикальный	Да	20 дп