控制列

控制欄提供與特定視圖關聯的控制項。未展開時最多顯示五個控件,展開後最多顯示另外五個控件。

在媒體應用中,控制欄用於播放視圖中的播放/暫停、上一首、下一首和其他控制,包括自訂第三方操作的控制。

標註圖標
最小化控制欄組件
最小化的控制欄提供了一組可在多個視圖中使用的最少控制項。

解剖學

控制列有兩種格式:未展開和展開。未展開的版本最多可以包含五個控制項。在媒體應用中,其中一個控制是播放/暫停。

展開後,控制列的第二行最多可以包含五個額外的控制項。使用者可以點擊溢出按鈕來展開或折疊控制列。

1. 展開前可見的控制列部分
2. 擴展的動作條部分
3. 其中一個控件
4. 溢出按鈕(展開和折疊控制列)

規格

標註圖標
佈局標籤
E、M、KL、P、Flex 的定義

控制欄

擴展控制欄

在控制桿上放置 1-4 個控制旋鈕,並固定中心控制旋鈕。

固定中心控件是指優先放置在控制列中心的控件,例如音樂播放/暫停按鈕。

在控制欄上放置 1-4 個控件,沒有錨定控件

在控制欄上放置 6-9 個控件

縮放佈局

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

超寬螢幕,邊距超過1028 dp

當頁邊距寬度大於控制欄的最大寬度(1028 dp)時,控制欄將水平置中。控制欄不會延伸到頁邊距。

超寬螢幕,邊距小於1028 dp

寬螢幕

標準寬度螢幕

在標準寬度的螢幕上,將控制欄水平置中。控制欄會延伸到螢幕邊緣。例如,在寬度為 690 dp 的標準螢幕上,控制列邊緣與螢幕邊緣之間應使用 P5 的邊距。

短螢幕

當螢幕解析度低於 1000 dp 時,控制列會放大顯示。

短螢幕上的控制列展開

當螢幕高度超過 1000 dp 時,控制列會擴充顯示。

款式

標註圖標
顏色指南
調色板、高度和不透明度值等等

顏色

元素顏色(日間模式)色彩(夜間模式)
主要圖示白色的白色 @ 88%
全螢幕遮擋物黑色 @ 78%黑色 @ 84%
漸層紗網待定待定

漿紗

元素大小(dp)
控制欄96(短屏)或 128(標準高度以上)
主圖示44

範例

播放檢視中的控制欄。
播放檢視中展開的控制列。
媒體佇列中的控制欄。
媒體佇列中擴充的控制欄。
媒體佇列中的控制欄。
媒體佇列中擴充的控制欄。
當使用者點擊溢位按鈕時,控制列會展開和收縮。