格線範本

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

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

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

包含:

  • 標頭 搭配選用的操作列 (如果這個範本嵌入了分頁範本,動作列會替換成分頁)
  • 格線項目 (請參閱下方的注意事項),每個項目都包含圖示或大型圖片
  • 每個格線項目的主要文字 (必要)
  • 每個格線項目的次要文字 (選填)
  • 選用的懸浮動作按鈕
格線範本的線框

格線範本範例

下列 Android Auto 和 Android Automotive OS (AAOS) 範例是使用格線範本建構而成。

顯示地點的範例
顯示設定範例

部分項目含有次要文字的格線 (Android Auto 範例)

顯示一個項目的格狀檢視,會暫時由載入旋轉圖示取代,另一個項目的主要文字遭到截斷,因為其長度超出可用空間 (AAOS 範例)

格線範本使用者體驗規定

應用程式開發人員:

限制主要和次要文字字串的長度,以免發生截斷的情形。
具備與每個格線項目相關聯的動作 (不建議僅包含資訊的項目)。
透過圖片、圖示或文字變化版本,清楚標示項目狀態 (適用於具有多種狀態的格狀項目,例如已選取及未選取)。
不應 同時加入動作列懸浮動作按鈕
5 月 當項目的相關動作正在進行中,就會顯示載入旋轉圖示,而非格線項目的圖示或圖片。