最小化控件栏

最小化的控制栏用于显示最少的控件和元数据。选中后,会打开一个全屏叠加层,其中包含一个更大的控制栏,提供更多控件。

例如,媒体应用程序的最小化控制栏在播放音乐时,可以在整个应用程序内保留一小部分播放控制和元数据,并且还可以打开全屏播放视图。

标注图标
控制栏组件
完整控制栏可以显示更全面的控件集。

解剖学

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

示例

适用于宽度大于标准宽度屏幕的最小化控制栏。

适用于标准宽度屏幕的最小化控制栏。