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