媒體進度指標
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
媒體進度指標元件是媒體應用程式獨有的元件。
進度指標會以視覺方式呈現媒體來源的持續時間和經過的播放時間。影片播放期間會顯示在媒體應用程式中。
圖解
媒體進度指標包含代表媒體來源時間長度的非使用中音軌 (以灰色顯示),以及重疊使用中音軌 (以強調色顯示) 的曲目 (以強調色表示已播放完畢),
1. 使用中的測試群組
2. 已停用的曲目
媒體進度指標可以是線性或圓形。
線性進度指標會以水平軸顯示時間長度和經過的時間。曲目的可見部分位於 76dp 觸控目標區域的中央。使用者只要輕觸或拖曳經過時間,即可移動到媒體來源中的其他位置。線性媒體進度指標適用於 800dp 或更高的螢幕。
圓形進度指標會以圓圈顯示時間長度和經過時間。移動到其他位置時,無法使用輕觸或拖曳經過時間功能。圓形媒體進度指標適用於高度低於 800 dp 的螢幕,適合用於最小化媒體播放控制項。
播放期間,進度指標會顯示下列四種狀態:
- 播放中:正在播放媒體,且使用中的曲目跨越非使用中的曲目推進表示經過的時間。
- 已暫停:使用者暫停播放。有效曲目會在暫停播放的時間點保持靜止,
- 緩衝處理:媒體應用程式正在載入要播放的內容。指標會在內容載入時,重複向已停用的曲目顯示一條白線。
- 錯誤:無法播放媒體。沒有使用中的測試群組,且已停用已停用的測試群組。
播放狀態:播放媒體時,使用中的曲目會不斷推進非使用中的曲目。
暫停狀態:媒體播放期間,使用中的音軌在播放時處於靜止狀態。
緩衝狀態:在載入內容時,一條白線會在已停用的曲目中不斷前進。
錯誤狀態:發生媒體錯誤時,系統不會顯示任何使用中的測試群組,且已停用已停用的測試群組。
規格
線性媒體進度指標
圓形媒體進度指標
自訂
在媒體播放期間,系統會用強調色顯示媒體進度指標的有效曲目。預設強調色為藍色的陰影。應用程式開發人員可以選擇提供能反映媒體品牌的應用程式強調色。同樣地,原始設備製造商 (OEM) 可以提供能反映其汽車品牌的強調色。如有提供,原始設備製造商 (OEM) 強調色優先於應用程式的強調色。
進度指標的預設樣式是深藍色。應用程式開發人員可以使用自家品牌的強調色 (在本範例中為綠色) 覆寫預設應用程式樣式。原始設備製造商 (OEM) 也可以用自己的品牌強調色 (在這個範例中為橘色) 覆寫預設和應用程式樣式。
套用至圓形進度指標的預設、應用程式和原始設備製造商 (OEM) 強調色樣式的範例
Car UI 程式庫整合指南提供原始設備製造商 (OEM) 自訂元件的相關指引。
如需使用顏色自訂元件的具體指引,請參閱「顏色」。
範例
媒體應用程式播放檢視畫面中的線性媒體進度指標
在這裡,循環媒體進度指標會顯示在最小化播放控制項上。最小的控制項會重疊顯示播放清單畫面。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2025-07-25 (世界標準時間)。
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2025-07-25 (世界標準時間)。"],[],[]]