菜单控件。
属性 |
属性说明 |
|---|---|
|
Direction（相对布局） |
容器主轴方向。 |
|
Flex（相对布局） |
比例因子。 |
|
Dock（绝对布局） |
控件停靠的位置和方式。 |
|
GridLines |
是否显示网格线。 |
|
GridLinesColor |
网格线颜色。 |
|
GroupBackColor |
菜单组标题背景色。 |
|
GroupForeColor |
菜单组标题字体颜色。 |
|
GroupFontSize |
菜单组标题字体大小。 |
|
Groups |
菜单组集合。 |
|
ColumnNum |
列数。 |
|
ImageSizeMode |
image的显示模式。 |
|
ItemWidth |
获取和设置图像空间大小。 |
|
MessageBackColor |
获取和设置消息框背景色。 |
|
MessageFontSize |
获取和设置消息框中字体大小。 |
|
MessageForeColor |
获取和设置消息框字体颜色。 |
|
MessageWidth |
获取和设置消息框大小。 |
|
MenuGroupHeight |
菜单组标题行高度。 |
|
MenuItemHeight |
行项高度。 |
|
ShowGroupTitle |
是否显示菜单组标题。 |
事件 |
事件发生条件 |
|---|---|
|
ItemPress |
行项点击时发生。 |
 |
 |
 |
| 图1 | 图2 | 图3 |
代码添加
C#：
IconMenuViewGroup ig = IconMenuViewGroup("资产");
ig.Items.Add(new IconMenuViewItem("1","1.png", "报销"));
ig.Items.Add(new IconMenuViewItem("2", "2.png", "请假"));
ig.Items.Add(new IconMenuViewItem("3", "3.png", "部门"));
ig.Items.Add(new IconMenuViewItem("4", "4.png", "成本中心"));
ig.Items.Add(new IconMenuViewItem("5", "5.png", "考勤"));
//IconMenuViewItem的参数分别为id，icon，text 更多重载见https://www.smobiler.com/Help/html/Overload_Smobiler_Core_Controls_IconMenuViewItem__ctor.htm
//上述未指定icon图片路径，因此1.png 2.png等图片放在\bin\Debug\Resources\Image
//若使用FontIcon需要指明ImageType，默认的ImageType为image， ig.Items.Add(new IconMenuViewItem("5", "cog", "考勤") { ImageType = ImageEx.ImageStyle.FontIcon });
iconMenuView1.ColumnNum = 4;
iconMenuView1.ShowGroupTitle = true;
iconMenuView1.Groups.Add(ig);
//iconMenuView1.Groups.Clear(); 清空
//若想实现不同用户显示不同菜单可以根据权限赋值不同的IconMenuViewGroup即可
1. SmoONE中的控件效果，完整代码参考SmoONE
 |
 |
| 图1 | 图2 |
2. SmoWMS中的控件效果，完整代码参考SmoWMS
3. 商城UI Demo中的控件效果，完整代码参考商城UI Demo
 |
 |
| 图1（MainMenu.cs） | 图2（ToolBarPage/UserInfo.cs） |