格線範本
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
格線會以格線版面配置顯示項目。
如果使用者主要以圖片做出選擇,這個範本就非常實用。
這個範本可嵌入分頁範本以提供分頁導覽功能。
包含:
- 標頭
搭配選用的操作列
(如果這個範本嵌入了分頁範本,動作列會替換成分頁)
- 格線項目 (請參閱下方的注意事項),每個項目都包含圖示或大型圖片
- 每個格線項目的主要文字 (必要)
- 每個格線項目的次要文字 (選填)
- 選用的懸浮動作按鈕
格線範本範例
下列 Android Auto 和 Android Automotive OS (AAOS) 範例是使用格線範本建構而成。
部分項目含有次要文字的格線 (Android Auto 範例)
顯示一個項目的格狀檢視,會暫時由載入旋轉圖示取代,另一個項目的主要文字遭到截斷,因為其長度超出可用空間 (AAOS 範例)
格線範本使用者體驗規定
應用程式開發人員:
應 |
限制主要和次要文字字串的長度,以免發生截斷的情形。 |
應 |
具備與每個格線項目相關聯的動作 (不建議僅包含資訊的項目)。 |
應 |
透過圖片、圖示或文字變化版本,清楚標示項目狀態 (適用於具有多種狀態的格狀項目,例如已選取及未選取)。 |
不應 |
同時加入動作列和懸浮動作按鈕。 |
5 月 |
當項目的相關動作正在進行中,就會顯示載入旋轉圖示,而非格線項目的圖示或圖片。 |
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2023-12-02 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]