.Net语言 APP开发平台——Smobiler学习日志：快速在手机上实现n×m形式的菜单（IconMenuView）

最前面的话：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窗体设计界面显示效果

二、手机效果显示