.Net語言 APP開發平台——Smobiler學習日志：快速在手機上實現n×m形式的菜單（IconMenuView），.net

.Net語言 APP開發平台——Smobiler學習日志：快速在手機上實現n×m形式的菜單（IconMenuView），.net

最前面的話：Smobiler是一個在VS環境中使用.Net語言來開發APP的開發平台，也許比Xamarin更方便

 

一、目標樣式

我們要實現上圖中的效果，需要如下的操作：

1.從工具欄上的”Smobiler Components”拖動一個IconMenuView控件到窗體界面上

2.修改MenuView控件的屬性

a.Groups屬性

打開集合編輯器，並點擊“添加”，ID屬性（用於標識菜單組），Items屬性（菜單項集合），Title屬性（菜單組文本），Value屬性（菜單組值），如圖1、圖2

打開Items屬性，並點擊“添加”，Icon屬性（在菜單項目上的圖標），ID屬性（用於標識菜單項，不在界面上顯示），Text屬性（菜單項文本），Value屬性（內部值，不在界面上顯示），如圖3

b.IconColumnCount屬性

設置顯示的列數，默認設置為“4”，即顯示為一行四個圖標，如圖4

圖1 圖2 圖3 圖4

c.MenuItemHeight屬性

設置菜單項高度，將該屬性設置為“35”，如圖5

d.MenuGroupHeight屬性

設置菜單組高度，默認設置為“12”，如圖6

e.FontSize屬性

設置菜單項字體大小為“7”，如圖7

f.ForeColor屬性

設置菜單項字體顏色為“134, 142, 155”，表示RGB顏色，如圖8

圖5 圖6 圖7 圖8

g.GridLines屬性

設置是否在菜單單元格周圍顯示網格線，將該屬性設置為“True”，如圖9

h.GridLinesColor屬性

獲取和設置菜單單元格網格線顏色，將該屬性設置為“244, 244, 244”，表示RGB顏色，如圖10

i.GroupBackColor屬性

設置菜單組的背景色，默認設置為“White”，如圖11

j.GroupFontSize屬性

設置菜單組的字體大小，默認設置為“6”，如圖12

圖9 圖10 圖11 圖12

k.GroupForeColor屬性

設置菜單組的字體顏色，默認設置為“Black”，如圖13

k.ShowGroupTitle屬性

設置是否顯示菜單組，默認設置為“False”，如圖14

圖13 圖14

3.Smobiler窗體設計界面顯示效果

二、手機效果顯示