Эта страница переведена с помощью Cloud Translation API.

Элементы списка

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

Элементы списка занимают меньше вертикального пространства, чем элементы сетки, что позволяет отображать больше элементов на экране.

Компонент «Сетки»

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

Анатомия

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

Технические характеристики

Пункт списка, занимающий одну строку

Пункт списка из двух строк

Пункт списка из двух строк перевернут.

Многострочный элемент списка с заголовком

Многострочный элемент списка без заголовка

Элемент списка с переполнением текста

Элемент списка с возможностью разделения действий

Размещение значков-индикаторов в элементах списка

Масштабирование макетов

Эти примеры макетов показывают, как адаптировать элементы списка для экранов различной ширины и высоты. (Категории ширины и высоты определены в разделе «Макет» .) Обратите внимание, что все значения в пикселях указаны в отображаемых пикселях до какого-либо уменьшения или увеличения разрешения.

Макет

Поля, линии отступа и отступы для различных размеров экрана

Метки макета

Определения E, M, KL, P, Flex

Стандартные, широкоформатные и сверхширокоформатные экраны

Стандартные, широкоформатные и сверхширокоформатные экраны с плитками контента.

Сверхширокоформатные экраны

Стили

Типография

Цвет

Размер

Примеры