媒体进度指示器

媒体进度指示器组件是媒体应用程序特有的。

进度指示器以可视化的方式显示媒体源的播放时长和已播放时间。进度指示器会在媒体应用播放期间显示。

解剖学

媒体进度指示器由一个表示媒体源持续时间的非活动轨道(以灰色显示)和一个覆盖在非活动轨道上的活动轨道(以强调色显示)组成,以指示已播放时间。

媒体发展指标剖析
1. 活动轨道
2. 非活跃轨道

媒体进度指示器可以是线性的,也可以是圆形的

线性媒体进度指示器

线性进度指示器在水平轴上显示持续时间和已用时间。进度条的可见部分位于 76 dp 触摸目标区域的中心。点击或拖动已用时间,用户可以移动到媒体源中的不同位置。线性媒体进度指示器适用于 800 dp 或更高的屏幕。
循环进展指标解剖

圆形进度指示器以圆圈形式显示持续时间和已用时间。不支持点击或拖动已用时间来移动位置。圆形媒体进度指示器适用于高度小于 800 dp 的屏幕,并且适用于媒体播放控制最小化的情况。

媒体发展指标状态

播放过程中,进度指示器会处于以下四种状态之一:

  • 播放中:媒体正在播放,活动曲目会向前移动,越过非活动曲目,以指示已过去的时间。
  • 已暂停:用户暂停了播放。当前播放的曲目停留在暂停的位置。
  • 缓冲:媒体应用正在加载播放内容。加载过程中,指示器会显示一条白线,在非活动轨道上反复移动。
  • 错误:媒体无法播放。没有活动音轨,且非活动音轨已被禁用。

    随着媒体播放,活动轨道会越过非活动轨道向前推进。
    播放状态:媒体播放时,活动轨道会越过非活动轨道前进。
    当媒体播放暂停时,当前播放的曲目处于静止状态。
    暂停状态:媒体播放暂停时,当前播放的曲目处于静止状态。
    内容加载期间,一条白线反复穿过静止的轨道。
    缓冲状态:内容加载时,一条白线反复在非活动轨道上移动。
    当媒体播放出现错误时,非活动音轨将被禁用。
    错误状态:当发生媒体错误时,不会显示任何活动曲目,并且非活动曲目将被禁用。

规格

线性媒体进度指示器

线性媒体进度指示器红线

循环媒体进展指标

循环媒体进度指示器红线

定制

在媒体播放期间,媒体进度指示器的当前播放曲目会以强调色显示。默认强调色为蓝色。应用开发者可以选择提供与其媒体品牌相符的应用强调色。同样,汽车制造商也可以提供与其汽车品牌相符的强调色。如果提供了汽车制造商的强调色,则该强调色优先于应用的强调色。

线性媒体进度条显示当前播放曲目,使用默认、第三方和 OEM 强调色
进度指示器的默认样式为蓝色。应用开发者可以使用自己品牌的强调色(本例中为绿色)覆盖默认样式。OEM厂商也可以使用自己品牌的强调色(本例中为橙色)覆盖默认样式和应用样式。

圆形媒体进度条,使用默认、第三方和 OEM 强调色显示当前播放曲目。
以下示例展示了如何将默认颜色、应用程序颜色和 OEM 强调色样式应用于圆形进度指示器。

汽车用户界面库集成指南为OEM厂商提供定制组件的指导。

示例

线性媒体进度指标的实际应用
媒体应用播放视图中的线性媒体进度指示器。

循环媒体进展指标的实际应用
此处,圆形媒体进度指示器会出现在最小化的播放控件上。最小化的控件会覆盖播放列表屏幕。