格線範本

格狀範本會以格狀版面配置呈現項目,適合使用者主要依據圖片做出選擇的情況。

這個範本可嵌入分頁範本,提供分頁導覽功能,或納入地圖 + 內容範本,在地圖上提供格線。

格線範本包含下列項目:

如要享有更多彈性並使用最新功能,請改用「分段項目」範本,而非「格狀」範本。使用「分段項目」範本,即可混搭清單和格線,建立自訂瀏覽結構。

格線範本範例
格線範本範例
格線範本範例
地圖上的格線範本

格線範本使用者體驗規定

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

資源

類型 連結
API 參考資料 GridTemplate, GridTemplate.Builder