控制列

控制列提供與特定資料檢視相關的控制項。未展開的版本會顯示最多 5 個控制項,展開後最多顯示 5 個其他控制項。

在媒體應用程式中,控制列使用「播放/暫停」、「上一首」、「下一個」和其他控制項 (包括自訂第三方動作的控制項)。


圖解

控制列提供兩種格式:未展開和展開。未展開的版本最多可包含 5 個控制項。媒體應用程式有「播放/暫停」圖示。

展開後,控制列的第二列最多可包含 5 個其他控制項。使用者可以選取溢位按鈕來展開或收合控制列。

1. 展開前會顯示控制列部分
2. 動作列的展開部分
3. 其中一個控制選項
4. 溢位按鈕 (展開及收合控制列)

規格

控制列

已展開控制列

控制列上固定位置的 1 到 4 個控制項位置

控制列上的 1 到 4 個控制項位置,且沒有固定控制項

控制列上的 6 到 9 個控制項位置


縮放版面配置

這些參照版面配置說明如何配合各種寬度和高度的螢幕調整控制列。(如需定義寬度和高度類別,請參閱「版面配置」一節)。請注意,在執行任何降低取樣或提高取樣之前,所有像素值都是以算繪的像素為單位。

超寬螢幕,邊界之間超過 1028dp

當邊界之間的寬度大於控制列的寬度上限 (1028dp) 時,請將控制列水平置中。控制列不會完全延伸到邊界。

額外寬螢幕,邊界之間小於 1028 dp

寬螢幕

標準寬度螢幕

在標準寬度的螢幕上,控制列水平置中。控制列會延伸至邊界。在剛好為 690 dp 的標準寬度螢幕上,如本例所示,請在控制列的邊緣和螢幕邊緣之間使用 P5 的側邊邊框間距。

短片

在小於 1000 dp 的螢幕上展開控制列

在短螢幕上展開控制列

在高度超過 1000 dp 的螢幕上展開控制列


風格

顏色

元素 顏色(日模式) 顏色 (夜間模式)
主要圖示 White 白色 @ 88%
全螢幕紗罩 黑色 @ 78% 黑色 @ 84%
漸層紗罩 待定 待定

尺寸

元素 大小 (dp)
控制列 96 (短螢幕) / 128 (標準高度以上)
主要圖示 44

範例

播放檢視畫面中的控制列
播放檢視畫面中的控制列
媒體佇列中的控制列
媒體佇列中的控制列已展開
媒體佇列中的控制列
媒體佇列中的控制列已展開
在使用者輕觸溢位按鈕時,控制列會展開和縮小