最前面的话：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

c.MenuItemHeight属性

设置菜单项高度，将该属性设置为“35”，如图5

d.MenuGroupHeight属性

设置菜单组高度，默认设置为“12”，如图6

e.FontSize属性

设置菜单项字体大小为“7”，如图7

f.ForeColor属性

设置菜单项字体颜色为“134, 142, 155”，表示RGB颜色，如图8

g.GridLines属性

设置是否在菜单单元格周围显示网格线，将该属性设置为“True”，如图9

h.GridLinesColor属性

获取和设置菜单单元格网格线颜色，将该属性设置为“244, 244, 244”，表示RGB颜色，如图10

i.GroupBackColor属性

设置菜单组的背景色，默认设置为“White”，如图11

j.GroupFontSize属性

设置菜单组的字体大小，默认设置为“6”，如图12

k.GroupForeColor属性

设置菜单组的字体颜色，默认设置为“Black”，如图13

k.ShowGroupTitle属性

设置是否显示菜单组，默认设置为“False”，如图14

3.Smobiler窗体设计界面显示效果

二、手机效果显示