最前面的话：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
c.MenuItemHeight属性
增加高度，如图5
d.FontSize属性
设置控件字体大小为“7”，如图6
e.ForeColor属性
设置控件字体颜色为“134, 142, 155”，表示RGB颜色，如图7
f.GridLines属性
设置是否在菜单单元格周围显示网格线，将该属性设置为“True”，如图8
g.GridLinesColor属性
获取和设置菜单单元格网格线颜色，将该属性设置为“244, 244, 244”，表示RGB颜色，如图9
 |
 |
 |
 |
| 图1 | 图2 | 图3 | 图4 |
 |
 |
 |
 |
| 图5 | 图6 | 图7 | 图8 |
 |
|||
| 图9 |
3.Smobiler窗体设计界面显示效果
二、手机效果显示
