Smobiler实现九宫格菜单—MenuView控件(开发日志十五)

一、手机端显示效果图

MenuView样式一手机界面.jpg (8.13 KB, 下载次数: 9)

下载附件

2015-12-30 15:06 上传


               图1
这样的菜单是不是很漂亮了(其实具体还得看个人发挥哈,(*^__^*) ),下面我就简单给大家介绍下
1.拖入一个IconMenuView控件,如图:

拖入IconMenuView控件.jpg (18.41 KB, 下载次数: 9)

下载附件

2015-12-30 15:07 上传


2.设置菜单显示列数为4列,IconMenuView的IconColumnCount属性设置为4,如图:

MenuItemHeight属性.jpg (22.25 KB, 下载次数: 9)

下载附件

2015-12-30 15:09 上传


3.下面我们来添加icon菜单了
3.1 选择IconMenuView的Groups属性,在弹出的MenuViewGroup集合对话框中点击添加按钮,添加一组菜单组MenuViewGroup,如下
3.2 选择MenuViewGroup中的Items属性,在弹出的MenuViewItem对话框中点击添加按钮,添加一项菜单MenuViewItem

iTems.png (16.64 KB, 下载次数: 9)

下载附件

2015-12-30 15:15 上传


3.3 设置MenuViewItem菜单项的Icon、ID、和Text和Value等属性值,如下

Groups属性(其中的Items属性).jpg (118.72 KB, 下载次数: 9)

下载附件

2015-12-30 15:08 上传


4.按上述操作在添加几个菜单项,最终界面布局如下:

MenuItemHeight界面设计.jpg (15.89 KB, 下载次数: 9)

下载附件

2015-12-30 15:08 上传


猜你喜欢

转载自blog.csdn.net/Rabbit199077/article/details/51062574