媒體進度指標

媒體進度指示器元件是媒體應用程式特有的。

進度指示器以視覺化的方式顯示媒體來源的播放時間和已播放時間。進度指示器會在媒體應用程式播放期間顯示。

解剖學

媒體進度指示器由一個表示媒體來源持續時間的非活動軌道(以灰色顯示)和一個覆蓋在非活動軌道上的活動軌道(以強調色顯示)組成,以指示已播放時間。

媒體發展指標剖析
1. 活動軌道
2. 非活躍軌道

媒體進度指示器可以是線性的,也可以是圓形的

線性媒體進度指示器

線性進度指示器在水平軸上顯示持續時間和已用時間。進度條的可見部分位於 76 dp 觸控目標區域的中心。點擊或拖曳已用時間,使用者可以移動到媒體來源中的不同位置。線性媒體進度指示器適用於 800 dp 或更高的螢幕。
循環進展指標解剖

圓形進度指示器以圓圈形式顯示持續時間和已使用時間。不支援點擊或拖曳已用時間來移動位置。圓形媒體進度指示器適用於高度小於 800 dp 的螢幕,並且適用於媒體播放控制最小化的情況。

媒體發展指標狀態

播放過程中,進度指示器會處於以下四種狀態之一:

  • 播放中:媒體正在播放,活動曲目會向前移動,越過非活動曲目,以指示已過去的時間。
  • 已暫停:用戶暫停了播放。目前播放的曲目停留在暫停的位置。
  • 緩衝:媒體應用程式正在載入播放內容。載入過程中,指示器會顯示一條白線,在非活動軌道上重複移動。
  • 錯誤:媒體無法播放。沒有活動音軌,且非活動音軌已停用。

    隨著媒體播放,活動軌道會越過非活動軌道向前推進。
    播放狀態:媒體播放時,活動軌道會越過非活動軌道前進。
    當媒體播放暫停時,目前播放的曲目處於靜止狀態。
    暫停狀態:當媒體播放暫停時,目前播放的曲目處於靜止狀態。
    內容加載期間,一條白線反覆穿過靜止的軌道。
    緩衝狀態:內容載入時,一條白線反覆在非活動軌道上移動。
    當媒體播放出現錯誤時,非活動音軌將會被停用。
    錯誤狀態:當發生媒體錯誤時,不會顯示任何活動曲目,且非活動曲目將被停用。

規格

線性媒體進度指示器

線性媒體進度指示器紅線

循環媒體進展指標

循環媒體進度指示器紅線

客製化

在媒體播放期間,媒體進度指示器的目前播放曲目會以強調色顯示。預設強調色為藍色。應用程式開發者可以選擇提供與其媒體品牌相符的應用程式強調色。同樣,汽車製造商也可以提供與其汽車品牌相符的強調色。如果提供了汽車製造商的強調色,則該強調色優先於應用的強調色。

線性媒體進度條顯示目前播放曲目,使用預設、第三方和 OEM 強調色
進度指示器的預設樣式為藍色。應用程式開發者可以使用自己品牌的強調色(本例為綠色)來覆蓋預設樣式。 OEM廠商也可以使用自己品牌的強調色(本例為橘色)來覆蓋預設樣式和套用樣式。

圓形媒體進度條,使用預設、第三方和 OEM 強調色顯示目前播放曲目。
以下範例展示如何將預設顏色、應用程式顏色和 OEM 強調色樣式套用至圓形進度指示器。

汽車使用者介面庫整合指南為OEM廠商提供客製化組件的指導。

範例

線性媒體進度指標的實際應用
媒體應用程式播放視圖中的線性媒體進度指示器。

循環媒體進展指標的實際應用
此處,圓形媒體進度指示器會出現在最小化的播放控制項上。最小化的控制項會覆蓋播放清單畫面。