格線範本

格線以格狀版面配置顯示項目。

如果使用者主要仰賴圖片做選擇,這個範本就非常實用。

這個範本可嵌入分頁範本以提供分頁式導覽。

您可以納入地圖 + 內容範本這個範本,在地圖上顯示格線。

包含:

  • 選用標頭 (這個範本內嵌於分頁範本中時,標頭會替換為分頁標籤)
  • 格線項目 (請參閱下方的注意事項),每個項目都包含一個圖示或大型圖片
  • 每個格線項目的主要文字 (選填)
  • 每個格線項目的次要文字 (選填)
  • 選用的懸浮動作按鈕
格線範本的線框

格線範本範例

下列 Android Auto 和 Android Automotive OS (AAOS) 範例使用 Grid 範本建構。

範例:在地圖上以格狀檢視畫面列出可能的動作
嵌入「地圖 + 內容」範本中的動作格狀檢視畫面
顯示設定的範例
含有已啟用項目的格狀檢視畫面

格線範本使用者體驗規定

應用程式開發人員:

建議 限制主要和次要文字字串的長度,以免遭到截斷。
建議 設定與每個格線項目相關聯的動作 (不建議僅使用資訊項目)。
建議 透過圖片、圖示或文字的變化,清楚表示項目狀態 (適用於具有多種狀態的格線項目,例如已選取和未選取)。
建議 請加入標頭並選用標題,以及主要和次要動作。
錯誤做法 同時加入動作列懸浮動作按鈕
5 月 當與項目相關聯的動作正在執行時,顯示載入旋轉圖示,而非格線項目的圖示或圖片。