开发者论坛

 找回密码
 注册 (请使用非IE浏览器)
查看: 2371|回复: 0

[DevExpress] 设计Ribbon界面

[复制链接]

0

精华

2

贡献

17

赞扬

帖子
11
软币
123
在线时间
7 小时
注册时间
2018-12-22
发表于 2019-1-11 13:10:58 | 显示全部楼层 |阅读模式
Ribbon上包含以下一些元素


F:/data/YNote/xtjatswc@163.com/xtjatswc@163.com/a62ccc92d7ca48bcb08a41e118b5db10/rd-ribbonui.jpeg

元素对应API:
Element
Ribbon API
Quick Access Toolbar
RibbonControl.Toolbar
RibbonQuickAccessToolbar.ItemLinks
Application Button
RibbonControl.ShowApplicationButton
RibbonControl.ApplicationButtonDropDownControl
Main pages
RibbonControl.Pages
Page Category
RibbonControl.Categories
Contextual pages
RibbonPageCategory.Pages
Page Groups
RibbonPage.Groups
RibbonPageGroup.ItemLinks
Bar Item links
RibbonControl.Items
BarItemLink.Item


1、首先新建一窗体工程,从工具栏“导航和布局Navigation&Layout”拖动RibbonControl到窗体,RibbonControl自动停靠到Form靠上的位置,如下图所示:
F:/data/YNote/xtjatswc@163.com/xtjatswc@163.com/81832db94ce24fef8ab7ab18e29fc862/22118554037.jpeg
  Page:表示Ribbon的菜单项,参考Word2007的“开始”菜单(菜单下又分很多PageGroup,每一个PageGroup里可以包含多个功能项,如按钮、文本、编辑框等等)功能项和Quick Access快速访问实质是一样的,所以可以共用相同按钮或文本等控件。
  PageGroup:表示菜单下面的各个功能项,参考Word2007“开始”菜单下的“剪贴板”功能项。每一个PageGroup里可以包含多个功能项,如按钮、文本、编辑框等等
  Quick Access:表示快捷功能键,参考Word2007“开始”上面的快捷按钮图标。(相当于03下的工具栏)
新增:
  选中Page,右键点击可以新增Page或者新增属于本Page的PageGroup。
  我们先增加一个Page,并在第一个Page下的Group里新增一个按钮button。
F:/data/YNote/xtjatswc@163.com/xtjatswc@163.com/04ed7eba5ffd4760aba459bf36b30ee7/22118561234.jpeg
删除:
  点击右RibbonControl右上角的三角符号 ,选择Run Designer,
F:/data/YNote/xtjatswc@163.com/xtjatswc@163.com/7201aeefcb28430eab750fe07b8a3c5f/22118564970.jpeg
  在第一项Ribbon Items里,可看到刚才新建的Page和PageGroup,在这里选中想要删除的项目,点击上面的Remove既可。
  Quick Access的新建和删除参考上述的步骤既可。
2、转换窗体为Ribbon窗体
选择RibbonControl控件的右上角的三角符号,选择Convert Form to Ribbonform 窗体会转换为Ribbon格式
要把DX图标换成自己的,修改RibbonControl.ApplicationICon即可
不显示快速访问this.ribbonControl1.ToolbarLocation = DevExpress.XtraBars.Ribbon.RibbonQuickAccessToolbarLocation.Hidden;
F:/data/YNote/xtjatswc@163.com/xtjatswc@163.com/d12a8172078d403c83b9b23d463cc47d/07234903812.jpeg

3、设置外观和样式
这个可以通过拖动DXXX Components组的DefaultLookAndFeel控件到窗体设计器来设置ribbon的皮肤。(我发现13.2.8试用版会影响解决方案的其他项目,所以要慎重哦,删除了仍有影响)
F:/data/YNote/xtjatswc@163.com/xtjatswc@163.com/a96d1a71bd9e4c49bb352fbaea9aa6c2/07235417312.jpeg

也可以通过设置控件自身UseDefaultLookAndFeel=false,然后设置自己的样式和外观。4
4、单击应用程序图标弹出菜单
所以是PopupMenu,其实任何一个DropDown形式的都可以
拖动一个PopupMenu控件到窗体设计器,将ribbonControl.ApplicationButtonDropDownControl=popupMenu1
单击ApplicationButton就会出现弹出菜单了。

四、新增图片资源
  从工具箱内拖住ImageCollection控件到Form上,类似于DefaultLookAndFeel,在Form下方出现新增控件,右键点击此控件,选中Add Image,可从本地获取相关图标,我在这里新增了四个小图标,如下图所示:
F:/data/YNote/xtjatswc@163.com/xtjatswc@163.com/da7ebf33fc4c4460baa469334c3851cd/22118574973.jpeg
  下面我想要在第一个PageGroup里的Button前面新添加一个小图标。
  (1)查看Ribbon Control的属性,将imagecollection 赋给Images属性。
  (2)选中button,查看其属性,选中ImageIndex属性,选择需要添加的图标既可。

F:/data/YNote/xtjatswc@163.com/xtjatswc@163.com/fb5670be056a465795d4742b698944b5/22118581848.jpeg


rd-RibbonUI.jpeg

评分

参与人数 2赞扬 +2 收起 理由
kevenme + 1 感谢分享
zhang32323 + 1 感谢分享

查看全部评分

回复

使用道具 举报

Archiver|手机版|小黑屋|开发者网 ( 苏ICP备08004430号-2 )
版权所有:南京韵文教育信息咨询有限公司

GMT+8, 2024-3-29 08:20

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表