+86-0755-27805158

宮格控件通常用作菜單頁，可將多樣化的內容做分類索引，點擊每個宮格對應進入該項具體內容。一個宮格控件內可自由添加多個宮格。

將宮格控件拖入模擬器，點擊它，便可在右側滑出的控件屬性內對其進行具體編輯。

首先在“控件屬相”——“控件樣式”中可以選擇快速布局和樣式，布局是指宮格的排列格局，有上圖下文普通宮格，zaker色塊宮格(每一個宮格都可以單獨設置背景色)和文字疊加在圖片下方宮格3種。樣式是指宮格的色系，有灰黑藍紫橙5色可選。你可以分別選擇它們在模擬器中查看效果后決定使用哪種布局和樣式。往下可為宮格下方的文字設置大小、顏色、粗細，此項設置將對該控件內的所有宮格生效。

最下方可設置背景（整個宮格控件框的背景），可選純色背景或自定義本地上傳。接着可編輯宮格欄的參數，列數是指每一行显示多少個宮格；列間距和行間距指每列/每行宮格之間的距離；外邊距指宮格與控件框邊緣之間的距離；輸入數值或上下加減可對這幾項數據進行設置；

如果您的App需適應多分辨率的手機，可勾選“高度自適應”選項，自動拉伸控件匹配不同屏幕的高度。

“控件屬相”——“控件內容”中的“新建”按鈕，根據需要為本控件添加多個宮格。

點擊已添加的每個宮格可展開編輯框，對該宮格進行名稱命名、編輯圖標和選擇鏈接頁面（點擊該宮格后跳轉至該頁面），或調用功能（可以預設電話號碼和短信內容讓用戶直接撥打回復）。想要增加宮格個數時，點擊“新建”即可。

*因控件內部支持滑動的特性，宮格控件建議全屏使用，添加宮格控件后，高度設置為自適應，視條件添加好歷史導航及標籤導航即可，不推薦和其他控件在同一個頁面內使用，以免滑動效果不佳。