清單項目

清單檢視以單列清單的形式顯示內容,並可垂直捲動。當使用者依賴閱讀文字和查看資料來進行選擇時,此視圖最為合適。

清單項目比網格項目佔用更少的垂直空間,因此螢幕上可以顯示更多項目。

標註圖標
網格組件
網格提供了一種替代顯示模式,可以突出顯示圖像。

解剖學

在清單視圖中,每一行包含一個代表一個清單項目的圖塊。主要操作可以填入整個圖塊,因此使用者可以從圖塊內的任何位置啟動操作。對於以圖示和文字表示的輔助操作,只有包含圖示和文字的區域才能執行操作。

1. 主圖標
2. 開關按鈕
3. 關閉開關按鈕
4. 一手與二手文本
5. 內容圖塊

規格

單行列表項

兩行列表項

雙行列表項目反轉

帶有標題的多行列表項

無標題的多行清單項

清單項目文字溢出

包含拆分操作的列表項

清單項目中的指示器圖示位置

縮放佈局

這些參考佈局顯示如何調整清單項目以適應不同寬度和高度的螢幕。 (寬度和高度類別在「佈局」部分中定義。)請注意,所有像素值均為渲染像素,未進行任何下採樣或上採樣。

標註圖標
佈局
不同螢幕尺寸的邊距、關鍵線和內邊距
標註圖標
佈局標籤
E、M、KL、P、Flex 的定義

標準螢幕、寬螢幕和超寬螢幕

標準、寬屏和超寬屏,附內容圖塊

超寬螢幕

款式

排版

字體樣式字體重量大小(dp)
正文 1機器人常規的32
身體 3機器人常規的24

顏色

元素顏色(日間模式)色彩(夜間模式)
主要類型/圖標白色的白色 @ 88%
次要類型/圖標白色 @ 72%白色 @ 60%
分隔線白色 @ 22%白色 @ 12%
列表項目背景黑色的黑色的

漿紗

元素大小(dp)
列表項目高度96(短螢幕)/ 116(標準螢幕)/ 128(長螢幕)
主圖示44
三級圖示24
內容圖塊列表項高度減去 1dp
中等頭像76
分隔線粗細1

範例

設定清單 - 日
設定清單 - 夜間
設定清單 - 日
設定清單 - 夜間
媒體列表 - 日
媒體列表 - 夜間