建立媒體應用程式
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
由於媒體 UI 的大多數面向都是由汽車製造商和 Google 控管 (請參閱媒體合作夥伴角色),因此應用程式開發人員的設計相關工作相對簡單。
以下是應用程式開發人員的基本工作:
- 規劃導覽分頁:
選擇最多 4 個頂層內容檢視畫面,並設定導覽分頁的圖示或標籤。
- 規劃瀏覽檢視畫面:
規劃頂層和較低層級的內容檢視畫面的整理方式和格式 (格狀檢視或清單)。
- 自訂播放控制項:決定是否要提供自訂動作和圖示,以及是否要實作佇列。
- 規劃語音指令:
決定您希望使用者能透過語音要求哪些指令
- 提供品牌宣傳元素:
提供您的應用程式圖示和強調色來代表您的品牌。
僅適用於 AAOS 的額外步驟:
- 建立登入流程:使用可用範本建立登入流程,讓使用者在車輛螢幕上登入應用程式 (如果應用程式需要登入)。
- 建立設定:
視需要為應用程式建立車內設定畫面。
選用額外步驟 (僅適用於 Android Auto):
- 提供建議:
找出 10 項應做為推薦的媒體內容項目
點選上方連結,即可查看各項工作的詳細指南。如需所需設計元素摘要,請參閱檢查清單。
媒體合作夥伴角色
下表摘要說明應用程式開發人員和汽車製造商 (在 AAOS 中) 的設計角色,以確保一致的媒體應用程式體驗。如果應用程式在搭載 AAOS 的車輛上運作,汽車製造商可以自訂 UI,以符合自家品牌和車輛的樣式。對於在 Android Auto 中執行的應用程式,Google 會在相容車款上,建立一致的外觀和風格。
媒體體驗的不同面向 |
汽車製造商的設計角色 (或 Google 的 Android Auto 設計角色) |
應用程式開發人員的設計角色 |
瀏覽媒體應用程式 |
決定應用程式列的位置,並支援應用程式列的導覽與控制項,以及顯示在應用程式列的控制項 |
決定要在應用程式列的分頁中呈現哪些頂層內容檢視畫面,並視需要提供圖示和標籤 (請參閱「規劃導覽分頁」一節) |
瀏覽內容詳細資料 |
決定格狀或清單項目的大小和內容,並在內容較低的層級實作應用程式標頭 |
決定各層級可瀏覽媒體內容的格式 (格狀或清單),並整理 (請參閱規劃瀏覽檢視畫面) |
播放媒體 |
透過適當的媒體中繼資料和播放控制項導入播放檢視畫面,以及將控制列最小化,包括應用程式中任何自訂動作的控制項。為佇列提供佇列預設用途,並為佇列設定樣式。 |
決定是否要在控制列上導入自訂動作,並提供圖示。此外,還要決定是否要實作佇列,以及是否要為目前播放的曲目提供指標 (請參閱「自訂播放控制項」一節) |
語音操作 |
提供 Google 助理 UI,並控管使用者在特定車輛中叫用 Google 助理的方式 |
指定支援語音要求的媒體類別,以及要針對一般要求提供的內容 (規劃語音動作) |
品牌歸因 |
在所有內容畫面上顯示應用程式圖示,並選擇套用第三方應用程式顏色做為強調色的位置 |
提供應用程式圖示並指定強調色 (請參閱「提供品牌宣傳元素」一節) |
登入和設定 |
在應用程式列上提供搜尋和設定的預設用途,並視需求將使用者導向登入畫面 |
使用範本建立登入流程和設定畫面。如有需要,請參閱「調整登入流程」和「設計設定」 |
建議 |
提供顯示內容推薦的使用者介面 |
提供適當內容推薦來源 |
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2024-07-23 (世界標準時間)。
[[["容易理解","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"]],["上次更新時間:2024-07-23 (世界標準時間)。"],[[["Media app developers focus on planning navigation, browsing views, playback controls, voice actions, and branding elements within a pre-defined UI framework."],["Car makers or Google manage the overall media UI structure and styling, ensuring brand consistency and vehicle integration."],["Developers can customize playback controls, implement voice commands, and provide branding assets for their apps."],["AAOS allows for optional app sign-in and settings customization, while Android Auto offers an optional recommendation feature."],["Detailed design guidance and a checklist are available to aid developers in creating a seamless media app experience."]]],[]]