格線以格狀版面配置顯示項目。
如果使用者主要仰賴圖片做選擇,這個範本就非常實用。
這個範本可嵌入分頁範本以提供分頁式導覽。
您可以納入地圖 + 內容範本這個範本,在地圖上顯示格線。
包含:
![格線範本的線框](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/grid-template.png?authuser=4&hl=zh-tw)
格線範本範例
下列 Android Auto 和 Android Automotive OS (AAOS) 範例使用 Grid 範本建構。
![範例:在地圖上以格狀檢視畫面列出可能的動作](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/map_with_grid.png?authuser=4&hl=zh-tw)
![顯示設定的範例](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/grid_example_2.png?authuser=4&hl=zh-tw)
格線範本使用者體驗規定
應用程式開發人員:
建議 | 限制主要和次要文字字串的長度,以免遭到截斷。 |
建議 | 設定與每個格線項目相關聯的動作 (不建議僅使用資訊項目)。 |
建議 | 透過圖片、圖示或文字的變化,清楚表示項目狀態 (適用於具有多種狀態的格線項目,例如已選取和未選取)。 |
建議 | 請加入標頭並選用標題,以及主要和次要動作。 |
錯誤做法 | 同時加入動作列和懸浮動作按鈕。 |
5 月 | 當與項目相關聯的動作正在執行時,顯示載入旋轉圖示,而非格線項目的圖示或圖片。 |