Smobiler上海石磨_.NET移动开发平台

标题: 新学的两种MenuView样式，大家一起来看看 [打印本页]

作者: Lincy.Lin 时间: 2015-12-30 15:18
标题: 新学的两种MenuView样式，大家一起来看看
今天新学了两种MenuView样式，大家一起来看看。
一、手机客户端样式一效果图
[attach]408[/attach]
图1
这样的菜单是不是很漂亮了，下面我就简单给大家介绍下
1.拖入一个IconMenuView控件，如图：
[attach]409[/attach]
2.设置菜单显示列数为4列，IconMenuView的IconColumnCount属性设置为4，如图：
[attach]414[/attach]
3.下面我们来添加icon菜单了
3.1 选择IconMenuView的Groups属性，在弹出的MenuViewGroup集合对话框中点击添加按钮，添加一组菜单组MenuViewGroup，如下
3.2 选择MenuViewGroup中的Items属性，在弹出的MenuViewItem对话框中点击添加按钮，添加一项菜单MenuViewItem
[attach]415[/attach]
3.3 设置MenuViewItem菜单项的Icon、ID、和Text和Value等属性值，如下
[attach]411[/attach]
4.按上述操作在添加几个菜单项，最终界面布局如下：
[attach]413[/attach]
5.启动程序，打开手机客户端，扫描服务器二维码，将看到图一的菜单样式。

作者: Lincy.Lin 时间: 2015-12-30 15:45
二、手机客户端样式二效果图
[attach]416[/attach]
图二
1. 拖入一个ListMenuView控件，如图：

[attach]418[/attach]
2. 添加菜单项，选择IconMenuView的Groups属性，将弹出MenuViewGroup集合对话框
[attach]419[/attach]
2.1 在弹出的MenuViewGroup集合对话框中点击添加按钮，添加一组菜单组MenuViewGroup，如下
[attach]421[/attach]
2.2 选择MenuViewGroup中的Items属性，在弹出的MenuViewItem对话框中点击添加按钮，添加一项菜单MenuViewItem
2.3 设置MenuViewItem菜单项的Icon、ID、和Text和Value等属性值
[attach]422[/attach]
3. 按上述操作在添加几个菜单项和菜单组，最终界面布局如下：
[attach]424[/attach]
4. 启动程序，打开手机客户端，扫描服务器二维码，将看到图二的菜单样式。

欢迎光临 Smobiler上海石磨_.NET移动开发平台 (https://www.smobiler.com/)