媒体进度指示器

媒体进度指示器组件是媒体应用的专用组件。

进度指示器直观地显示了媒体来源的播放时长和已播放时长。它在播放期间出现在媒体应用中。


解剖学

媒体进度指示器包含一个无效轨道(显示为灰色)表示媒体来源的时长;一个有效轨道(以强调色显示)叠加在无效轨道上,表示已播放时长。

媒体进度指示器剖析
1. 有效轨道
2. 无效的轨道

媒体进度指示器可以是线性或圆形。

线性媒体进度指示器

线性进度指示器在横轴上显示持续时间和已用时间。轨道的可见部分位于 76dp 的触摸目标区域的中心。点按或拖动已过去的时间可让用户移至媒体来源中的不同位置。线性媒体进度指示器适用于 800dp 或更高的屏幕。

环形进度指示器剖析

圆形进度指示器以圆圈的形式显示持续时间和已用时间。无法点按或拖动已过去的时间。圆形媒体进度指示器适用于高度小于 800dp 的屏幕,以及在最小化媒体播放控件时使用。

媒体进度指示器状态

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

  • 正在播放:媒体正在播放,有效轨道会在非活动轨道中前进,以表示已播放时长。
  • 已暂停:用户暂停了播放。有效轨道会在播放暂停的位置静止。
  • 正在缓冲:媒体应用正在加载要播放的内容。指示器会显示一条白线,在内容加载时,它反复在非活动轨道上前进。
  • 错误:媒体无法播放。没有有效轨道,已停用的轨道已停用。
当媒体播放时,有效轨道会沿非活动轨道前进
播放状态:有效轨道会在媒体播放时进入非活动轨道。
当媒体播放暂停时,当前轨道处于静止状态
暂停状态:当媒体播放暂停时,有效轨道处于静止状态。
在内容加载期间,一条无效线条反复在非活动轨道上前进
缓冲状态:加载内容时,一条白线反复在非活动轨道上传输。
出现 medai 播放错误时,无效的轨道会被停用 错误状态:出现媒体错误时,系统不会显示有效轨道,并且会停用无效轨道。

规格

线性媒体进度指示器

线性媒体进度指示器红线

循环媒体进度指示器

圆形媒体进度指示器红线

自定义

在媒体播放过程中,媒体强调指示器的有效轨道使用强调色显示。默认的强调色为蓝色调。应用开发者可以选择提供能够反映其媒体品牌的应用强调色。同样,OEM 可以提供强调其汽车品牌的强调色。如果提供,OEM 强调色会优先于应用的强调色。

使用默认、第三方和 OEM 强调色显示有效轨道的线性媒体进度条
进度指示器的默认样式为蓝色阴影。应用开发者可以使用自己的品牌强调色替换此示例中的默认样式(在此示例中为绿色)。此外,OEM 还可以使用自己的品牌强调色(在此示例中为橙色)替换默认样式和应用样式。
使用默认媒体、第三方和 OEM 强调色显示有效轨道的圆形媒体进度条
应用于圆形进度指示器的默认、应用和 OEM 强调色样式的示例

车载设备界面库集成指南针对自定义组件提供了 OEM 指南。

如需有关如何使用颜色自定义组件的具体指南,请访问颜色页面。


示例

线性媒体进度指示器的实际效果
媒体应用播放视图中的线性媒体进度指示器
圆形媒体进度指示器的实际运用
此处,最小化播放控件上会显示圆形媒体进度指示器。最小化控件会覆盖播放列表屏幕。