.Net语言 APP开发平台——Smobiler学习日志:实现手机上常见的ListMenuView

最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便

一、目标样式

smobiler

我们要实现上图中的效果,需要如下的操作:

1.从工具栏上的”Smobiler Components”拖动一个ListMenuView控件到窗体界面上

smobiler

2.修改MenuView控件的属性

a.Groups属性

打开集合编辑器,并点击“添加”,ID属性(用于标识菜单组),Items属性(菜单项集合),Title属性(菜单组文本),Value属性(菜单组值),如图1、图2

打开Items属性,并点击“添加”,Icon属性(在菜单项目上的图标),ID属性(用于标识菜单项,不在界面上显示),SubText属性(菜单项子文本,用于菜单项的描述),Text属性(菜单项文本),Value属性(内部值,不在界面上显示),Button属性(在ListMenuView的菜单项后面显示的按钮文本,同时可以点击这个Button来触发MenuvVIewItemButtonCLick事件),如图3

b.MenuItemHeight属性

设置菜单项高度,如图4

smobiler smobiler smobiler smobiler
图1 图2 图3 图4

c.MenuGroupHeight属性

设置菜单组高度,如图5

d.ShowGroupTitle属性

获取或设置是否显示菜单组,将该属性设置为“True”,如图6

e.FontSize属性

设置菜单项的文本大小,默认设置为“6”,如图7

f.ForeColor属性

设置菜单项的文本颜色,将该属性设置为“75, 75, 84”,表示RGB颜色,如图8

smobiler smobiler smobiler smobiler
图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

smobiler smobiler smobiler smobiler
图9 图10 图11 图12

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

smobiler

二、手机效果显示

smobiler

posted @ 2016-10-18 11:32  阿曼达  阅读(425)  评论(3编辑  收藏  举报