宮格(gé)控件通常用作(zuò)菜(cài)單頁,可將多樣化的內容做分類索引(yǐn),點擊每個宮格對應進入該項具體內容。一個宮格控件內可自由添加多個宮格。
將宮格控件拖入模擬器,點擊它,便可在(zài)右側滑出的控件屬性內對其進行具體編輯。
首先在“控件屬相”——“控件樣式”中可以選擇快速布局和樣式,布(bù)局是指宮格的排列格局(jú),有上圖下文普通宮格,zaker色塊宮格(每一個宮格都可以單獨設置背(bèi)景色)和文字疊加在圖片下方宮格3種。樣式是指(zhǐ)宮格(gé)的色係,有灰黑藍紫橙5色可選。你可以分別選擇它們在(zài)模擬器中(zhōng)查看效(xiào)果後決定使用哪種布局和樣式。往下可為宮格(gé)下方的文字設置大小、顏色、粗細,此項設置(zhì)將對該控件內的所有宮格生效。
最下方可設置背景(整個宮格控(kòng)件框(kuàng)的背景),可選純色背景或自(zì)定義本(běn)地上傳。接著可編輯宮格欄的參數,列數是指每一(yī)行顯示多少個宮格;列間距和行間距指每列/每行宮格之間的距離;外邊距指宮格與控件框邊緣之間的距(jù)離;輸入數值或上下加減可對這幾項數據進行(háng)設置;
如果您的(de)App需適(shì)應多(duō)分辨率的手機,可勾選“高度自適應”選項,自動拉伸控件匹配不(bú)同(tóng)屏幕的高度。
“控件屬相”——“控件內容”中的“新建”按鈕,根據需要為本控件添加多個宮格。
點擊(jī)已添加(jiā)的每個宮格可展開編(biān)輯(jí)框,對該宮格進行名稱命名、編輯圖標和選擇鏈接頁麵(點擊該(gāi)宮格後跳轉(zhuǎn)至該頁麵),或調用功能(可以預設(shè)電話號碼和短信內容讓用戶直接撥打回複,以及添加定位地點,使用時直(zhí)接調用(yòng)地圖定位)。想要增加宮格個數時,點擊“新建”即可。
*因控件內部支持滑動的特性(xìng),宮格控件建議全屏使用,添加宮格控件後,高(gāo)度設置為自適應,視條件添加好曆史導航及標簽導航即可,不推薦和其他(tā)控件(jiàn)在同一個頁麵內使用,以免滑動效果不佳。