宮格控件通常用作菜單頁(yè)，可將多樣化的內(nèi)容做分類索引，點(diǎn)擊每個(gè)宮格對(duì)應(yīng)進(jìn)入該項(xiàng)具體內(nèi)容。一個(gè)宮格控件內(nèi)可自由添加多個(gè)宮格。

將宮格控件拖入模擬器，點(diǎn)擊它，便可在右側(cè)滑出的控件屬性內(nèi)對(duì)其進(jìn)行具體編輯。

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

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

如果您的App需適應(yīng)多分辨率的手機(jī)，可勾選“高度自適應(yīng)”選項(xiàng)，自動(dòng)拉伸控件匹配不同屏幕的高度。

“控件屬相”——“控件內(nèi)容”中的“新建”按鈕，根據(jù)需要為本控件添加多個(gè)宮格。

點(diǎn)擊已添加的每個(gè)宮格可展開(kāi)編輯框，對(duì)該宮格進(jìn)行名稱命名、編輯圖標(biāo)和選擇鏈接頁(yè)面（點(diǎn)擊該宮格后跳轉(zhuǎn)至該頁(yè)面），或調(diào)用功能（可以預(yù)設(shè)電話號(hào)碼和短信內(nèi)容讓用戶直接撥打回復(fù)，以及添加定位地點(diǎn)，使用時(shí)直接調(diào)用地圖定位）。想要增加宮格個(gè)數(shù)時(shí)，點(diǎn)擊“新建”即可。

*因控件內(nèi)部支持滑動(dòng)的特性，宮格控件建議全屏使用，添加宮格控件后，高度設(shè)置為自適應(yīng)，視條件添加好歷史導(dǎo)航及標(biāo)簽導(dǎo)航即可，不推薦和其他控件在同一個(gè)頁(yè)面內(nèi)使用，以免滑動(dòng)效果不佳。