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 上传