控制栏

控制栏提供与特定视图关联的控件。未展开时最多显示五个控件,展开后最多显示另外五个控件。

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

标注图标
最小化控制栏组件
最小化的控制栏提供了一组可在多个视图中使用的最少控件。

解剖学

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

展开后,控制栏的第二行最多可以包含五个额外的控件。用户可以点击溢出按钮来展开或折叠控制栏。

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

示例

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