В представлении списка содержимое отображается в виде отдельных позиций в списке из одного столбца, который прокручивается по вертикали. Этот вид лучше всего подходит, когда пользователи полагаются на чтение текста и просмотр данных, чтобы сделать свой выбор.
Элементы списка требуют меньше места по вертикали, чем элементы сетки, что позволяет отображать на экране больше элементов.
Компонент «Сетки»
Сетки обеспечивают альтернативный режим отображения, выделяя изображения.
Анатомия
В представлении списка каждая строка содержит плитку, представляющую один элемент списка. Основные действия могут заполнять плитку, чтобы пользователи могли инициировать действие из любой точки плитки. Для дополнительных действий, представленных значками и текстом, доступна только область, содержащая значки и текст.
Характеристики
Метки макета
Определения E, M, KL, P, Flex
Однострочный элемент списка
Элемент списка в две строки
Элемент двухстрочного списка перевернут
Элемент многострочного списка с заголовком
Элемент многострочного списка без заголовка
Элемент списка с переполнением текста
Элемент списка с разделенными действиями
Размещение значка индикатора в элементах списка
Масштабирование макетов
Эти эталонные макеты показывают, как адаптировать элементы списка для размещения на экранах различной ширины и высоты. (Категории ширины и высоты определяются в разделе «Макет» .) Обратите внимание, что все значения пикселей находятся в визуализированных пикселях до того, как произойдет какая-либо понижающая или повышающая дискретизация.
Макет
Поля, ключевые линии и отступы для экранов различных размеров.
Метки макета
Определения E, M, KL, P, Flex
Стандартные, широкие и сверхширокие экраны
Стандартный, широкий и сверхширокий экраны с плиткой контента
Сверхширокие экраны
Стили
Рекомендации по типографике
Ссылки на масштаб и сетку, типографские примеры и многое другое.
Рекомендации по цвету
Палитры, значения высоты и непрозрачности и многое другое.
[null,null,["Последнее обновление: 2024-10-30 UTC."],[[["List views display content as single-column, vertically scrolling line items, ideal for text-heavy content and data comparison."],["Each list item can contain primary and supplemental actions, primary icons, text, and optional content tiles."],["List views are adaptable to different screen sizes and layouts, with scaling guidelines provided for standard, wide, super-wide, and extra-wide screens."],["Specific typography, color, and sizing specifications ensure visual consistency and readability across list items."],["Examples of list views in settings and media contexts are provided for day and night modes."]]],[]]