最小化控制列

最小化的控制欄用於顯示最少的控制項和元資料。選取後,會開啟全螢幕疊加層,其中包含一個更大的控制欄,提供更多控制。

例如,媒體應用程式的最小化控制欄在播放音樂時,可以在整個應用程式內保留一小部分播放控制和元數據,並且還可以開啟全螢幕播放視圖。

標註圖標
控制欄組件
完整控制列可以顯示更全面的控制項集。

解剖學

1. 內容圖塊
2. 元數據
3. 控制

規格

標註圖標
列表項目組件
規格、風格指南及其他

最小化控制欄

最小化控制欄,文字溢出

縮放佈局

這些參考佈局展示如何調整最小化的控制欄以適應不同寬度和高度的螢幕。請注意,所有像素值均為渲染像素值,未進行任何下取樣或上取樣。

標準寬度螢幕

寬螢幕

超寬螢幕和超寬螢幕

款式

排版

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

顏色

元素顏色(日間模式)色彩(夜間模式)
主要類型白色的白色 @ 88%
次要類型白色 @ 72%白色 @ 60%
圖示白色的白色 @ 88%
時間流逝指示器第三人口音第三人口音
剩餘時間指示器#464A4D #464A4D
最小化控制欄的背景#0E1013 @ 84% #0E1013 @ 88%
梯度截斷黑色,0-100% 佔文字空間的 10%黑色,0-100% 佔文字空間的 10%

漿紗

元素大小(dp)
圖示44
內容圖塊96
進度指示器84
進度指標追蹤4
最小化控制桿的高度128
圓角半徑(R1) 4

範例

適用於寬度大於標準寬度螢幕的最小化控制欄。

適用於標準寬度螢幕的最小化控制欄。