基本特性
Menu继承自Control和FloatControl,其基本特性请参考:
有多种展现效果
展现效果之----右键菜单
如绑定到控件的右键菜单上:
绑定到编辑框上的右键菜单
绑定到树上的右键菜单
绑定到Grid中的右键菜单:
实现办法
如果我们希望在一个控件的右键菜单中显示一个自定义的菜单,则只要实现对应控件的onContextMenu事件,在事件中编写如下的代码:
view.get("#menuxxx").show({ event: arg.event });
根据自己实际定义的Menu控件的id修改上面代码中的"#menuxxx"字符串即可。
IDE事件视图:
展现效果之----按钮绑定
绑定到按钮上
系统按钮效果(设置Button的icon,不设置caption属性)
实现办法:
按钮绑定比较简单,只要设置Button的menu属性就可以,在ToolBar中对应的Button为ToolBarButton控件:
展现效果之----ToolBar
另外一种常见场景,就是ToolBar的展现效果:
ToolBar的使用请参考:ToolBar(DCUG)
其它特性
提供多种Menu动画效果
详细说明内容参考:FloatControl(DCUG)
支持图标位置设定
目前可以支持靠左或靠上两种形式,left和top:
默认为left,且默认皮肤下icon的图标为16*16。
如果改为top,则默认皮肤需要设置48×48的图标,效果如下图:
提供多种菜单项元素
目前支持的MenuItem有:
- MenuItem-最简单的菜单项,详细内容参考:MenuItem(DCUG)
- CheckableMenuItem-含一个复选框的菜单项,详细内容参考:CheckableMenuItem(DCUG)
- ControlMenuItem-可以将一个支持Float功能的控件作为自身的菜单项,如FloatContainer,详细说明参考:ControlMenuItem(DCUG)
- Separator-分隔栏
如下的效果图中就包含了上述的四种类型的MenuItem元素:
其中第四种是ControlMenuItem,我们可以在其中加入Float类型的子控件,这样当鼠标激活这个菜单项的时候,会自动展示Float类型的子控件,如下的效果图:
对应的IDE设计视图为:
Attachments:
ContextMenuPreview.png (image/png)
TreeMenuPreview.PNG (image/png)
ButtonMenuPreview.PNG (image/png)
GridMenuPreview.PNG (image/png)
SystemMenuPreview.png (image/png)
ToolBarMenuPreview.PNG (image/png)
DataGridonContextMenuEvent.PNG (image/png)
ToolBarMenuDesign.PNG (image/png)
MenuItemPreview1.png (image/png)
MenuItemPreview2.png (image/png)
MenuDesign.PNG (image/png)
iconPositionPreview.png (image/png)
iconPositionDesign.png (image/png)
TreeMenuPreview.PNG (image/png)
ButtonMenuPreview.PNG (image/png)
GridMenuPreview.PNG (image/png)
SystemMenuPreview.png (image/png)
ToolBarMenuPreview.PNG (image/png)
DataGridonContextMenuEvent.PNG (image/png)
ToolBarMenuDesign.PNG (image/png)
MenuItemPreview1.png (image/png)
MenuItemPreview2.png (image/png)
MenuDesign.PNG (image/png)
iconPositionPreview.png (image/png)
iconPositionDesign.png (image/png)