最前面的话：Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台，也许比Xamarin更方便
一、目标样式
我们要实现上图中的效果，需要如下的操作：
1.从工具栏上的”Smobiler Components”拖动一个ListMenuView控件到窗体界面上
2.修改MenuView控件的属性
a.Groups属性
打开集合编辑器，并点击“添加”，ID属性（用于标识菜单组），Items属性（菜单项集合），Title属性（菜单组文本），Value属性（菜单组值），如图1、图2
打开Items属性，并点击“添加”，Icon属性（在菜单项目上的图标），ID属性（用于标识菜单项，不在界面上显示），SubText属性（菜单项子文本，用于菜单项的描述），Text属性（菜单项文本），Value属性（内部值，不在界面上显示），Button属性（在ListMenuView的菜单项后面显示的按钮文本，同时可以点击这个Button来触发MenuvVIewItemButtonCLick事件），如图3
b.MenuItemHeight属性
设置菜单项高度，如图4
 |
 |
 |
 |
| 图1 | 图2 | 图3 | 图4 |
c.MenuGroupHeight属性
设置菜单组高度，如图5
d.ShowGroupTitle属性
获取或设置是否显示菜单组，将该属性设置为“True”，如图6
e.FontSize属性
设置菜单项的文本大小，默认设置为“6”，如图7
f.ForeColor属性
设置菜单项的文本颜色，将该属性设置为“75, 75, 84”，表示RGB颜色，如图8
 |
 |
 |
 |
| 图5 | 图6 | 图7 | 图8 |
g.GroupBackColor属性
设置菜单组的背景色，将该属性设置为“241, 242, 246”，表示RGB颜色，如图9
h.GroupFontSize属性
设置菜单组的文本大小，默认设置为“6”，如图10
i.GroupForeColor属性
设置菜单组的文本颜色，默认设置为“Black”，如图11
j.SubTextForeColor属性
设置菜单项的子文本颜色，将该属性设置为“190, 196, 208”，表示RGB颜色，如图12
 |
 |
 |
 |
| 图9 | 图10 | 图11 | 图12 |
3.Smobiler窗体设计界面显示效果
二、手机效果显示
