控制栏

控制栏提供与特定视图关联的控件。它会在未展开版本中显示最多 5 个控件,在展开后显示最多 5 个其他控件。

在媒体应用中,控制栏用于播放/暂停、上一个、下一个和其他控件的播放视图,包括用于自定义第三方操作的控件。


解剖学

控件栏有两种格式:未展开和展开。未展开的版本最多可包含 5 个控件。在媒体应用中,播放/暂停是其中一个。

展开时,控制栏可以在第二行中添加最多 5 个其他控件。用户可以选择溢出按钮以展开或收起控制栏。

1. 展开前显示控件栏部分
2. 操作栏的展开部分
3. 其中一个控件
4. 溢出按钮(展开和收起控制栏)

规格

控制栏

展开的控制栏

在具有固定中心控件的控件栏上放置 1-4 个控件

锚定中心控件是指在控件栏中央放置首选位置的控件,例如音乐播放/暂停按钮。

在没有固定控件的情况下在控件栏中放置 1–4 个控件

控制栏中可放置 6–9 个控件


缩放布局

这些参考布局展示了如何调整控制栏以适应各种宽度和高度的屏幕。(宽度和高度类别在布局部分定义。)请注意,所有降采样或上采样之前,所有像素值都是渲染的像素。

屏幕外边距介于 1028dp 以上之间的超宽屏幕

当外边距之间的宽度大于控件栏的最大宽度 (1028dp) 时,请将控件栏水平居中。控制栏不会一直延伸到外边距。

屏幕宽度在外边距之间小于 1028dp

宽屏

标准宽度屏幕

在标准宽度的屏幕上,水平放置控制栏。控制条将延伸至外边距。在正好 690 dp 的标准宽度屏幕上,如此例所示,在控制栏的边缘和屏幕边缘之间使用 P5 的侧内边距。

短屏幕

控件栏在小于 1000dp 的屏幕上展开

在短屏幕上展开的控制栏

在大于 1000dp 的屏幕上展开控制栏


样式

颜色

元素 颜色(日间模式) 颜色(夜间模式)
主图标 White 白色 @ 88%
纱罩 黑色 @ 78% 黑色 @ 84%
渐变纱罩 待定 待定

尺寸

元素 大小 (dp)
控制栏 96(短屏)/128(标准高度及以上)
主图标 44

示例

播放视图中的控件栏
播放视图中的展开控件栏
媒体队列中的控件栏
媒体队列中展开的控制栏
媒体队列中的控件栏
媒体队列中展开的控制栏
当用户点按溢出按钮时,控制栏展开和收缩