格狀範本會以格狀版面配置呈現項目,適合使用者主要依據圖片做出選擇的情況。
這個範本可嵌入分頁範本,提供分頁導覽功能,或納入地圖 + 內容範本,在地圖上提供格線。
格線範本包含下列項目:
- 選用標頭 (將這個範本嵌入分頁範本時,標頭會替換為分頁)
- 格線項目 (請參閱下方的附註),每個項目都包含圖示或大尺寸圖片
- 每個格線項目的主要文字 (選用)
- 每個格線項目的次要文字 (選填)
- 圖片或圖示 (選用)
- 徽章
- 選用懸浮動作按鈕
如要享有更多彈性並使用最新功能,請改用「分段項目」範本,而非「格狀」範本。使用「分段項目」範本,即可混搭清單和格線,建立自訂瀏覽結構。


格線範本使用者體驗規定
SHOULD | 限制主要和次要文字字串的長度,避免遭到截斷。 |
SHOULD | 為每個格線項目設定相關動作 (不建議只提供資訊)。 |
SHOULD | 透過圖片、圖示或文字的變化,清楚指出項目狀態 (適用於有多種狀態的格線項目,例如已選取和未選取)。 |
SHOULD | 加入標題,並視需要加入主要和次要動作。 |
不應 | 同時加入動作條和浮動動作按鈕。 |
MAY | 當與格線項目相關聯的動作正在進行時,請顯示載入微調器,而非圖示或圖片。 |
資源
類型 | 連結 |
API 參考資料 |
GridTemplate, GridTemplate.Builder
|