Dorado 9 : Menu(DCUG)

基本特性

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(DCUG)

其它特性

详细说明内容参考: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: