MFC Ribbon界面设计

article/2025/9/20 10:43:21

 Ribbon是类似于office2007样式的界面,它替代了传统的MFC程序里的菜单和工具栏

  MFC默认生成的Ribbon功能少,需要我们自己添加一些控件和图片等元素使界面好看

  看下面的一个界面,是VC2010示例里的

MFC Ribbon界面设计

  看到它与默认Ribbon样式的区别:

  工具自己设计,MFC提供的Ribbon控件基本都用上了;图片(位图)也是原资源没有的

  那到底怎么实现呢?

  可以注意到的是:类别由面板组成,面板由按钮或文本编辑框或进度条等控件组成

  按钮都是有图片和文字组成,按钮通过按钮集合可以产生类似于下拉菜单的作用

  观察这些按钮,可以发现有两类:小图标的按钮和大图标的按钮

  小图标:像素16×16,32位

  大图标:像素32×32,32位

  关键问题是如何制作这些BitMap以及如何将他们加载到Ribbon界面中。

  1. 制作工具栏BitMap

  在网上找了IconWorkshop这个软件,很好用,可以制作icon图标,也可以用多个icon图标制作位图BitMap。这正是我想要的功能

  自己不会美工,所以在网上找了些素材,做了以下一个工具栏样的32×32像素32位的BitMap

MFC Ribbon界面设计

  看到木有,跟程序默认生成的几个位图很像啊,内牛满面啊

  将这个位图加载到资源中,ID改为IDB_BIG

  2. 修改Ribbon内的按钮图标

  首先,修改类别属性,Large Images和Small Images,Large Images就是大图标,Small Images是小图标。在Large Images中的下拉菜单中选择IDB_BIG

  然后修改面板中的按钮属性,在Large Images属性选项中选择一个合适的图标即可

  小图标也是一样的道理,修改各自Small Images属性即可

  3. 实现下拉菜单

  按钮属性中有个行为的属性,在里面添加相应的菜单(或间隔符)即完成了类似下拉菜单

  还有一些快捷方式的按键(两个向下的箭头、最左上角的图标按钮)也可以设置它们的功能项

  我做出来的界面如下所示

MFC Ribbon界面设计

  4. 将按钮ID和菜单上的ID匹配

  Ribbon中的菜单ID是不能自己设置的,必须绑定在某个菜单上,对菜单的事件响应就是对响应的Ribbon上按钮的响应,所以按了Ribbon界面上的某个按钮就等同于按钮对应的某个菜单

  所以必须将菜单栏也制作完整,给其添加事件消息,将Ribbon中按钮的ID改为对应菜单的ID。菜单不在界面中显示出来不代表它就没用,没它还不行,不知道以后能不能摆脱菜单直接在Ribbon按钮上添加事件。

  5. 修改最小化工具栏上的图标

  上图虽然修改了左上角的按钮图标,但是电脑工具栏上还是现实的MFC图标,使用下面代码进行修改

C++代码
  1. HICON m_hIcon;  
  2. m_hIcon = AfxGetApp()->LoadIcon(IDI_HAHA);  
  3. SetIcon(m_hIcon, TRUE); // Set small icon  
  4. //SetIcon(m_hIcon, FALSE); // Set big icon  

 

转自:http://www.jizhuomi.com/software/181.html

转载于:https://www.cnblogs.com/gd-luojialin/p/9650151.html


http://chatgpt.dhexx.cn/article/5ekBm3It.shtml

相关文章

二次开发—Ribbon界面

二次开发—Ribbon界面 界面类型与设置 Ribbon界面与经典工具条的设置在(文件->实用工具-)用户默认设置), 还有一个常用的(菜单->首选项)。 相关文(startup文件夹中) 1..rtb文件, Ribbon文件主要文件,group其他的文件,一…

基于WinForm开发的Ribbon界面案例

使用 Winform开发插件或软件时,创建Ribbon界面是比较难的,大部分第三方Ribbon控件不是针对WPF开发的 就是不能免费授权,以下的AERibbonControl库 是自定义开发的 可以免费使用 可以满足大部分的需要,后续将持续扩展 添加更多灵活的…

MFC:Ribbon界面设计

本节教程初步讲讲怎样为Ribbon Bar添加Ribbon控件。 VS2010为Ribbon界面开发提供了Ribbon Designer,通过它我们可以为Ribbon Bar添加各种Ribbon控件、设置控件属性和进行界面布局。 Ribbon的界面元素可以分为类别、面板和基本控件(按钮、文本编辑框等&am…

C#之CAD二次开发: Ribbon界面初探

# 0. 引言 从CAD2009版本以后就开始使用上了Ribbon界面,更早的版本使用的界面相对较为简单,对比一下就知道啥是Ribbon界面了 这是CAD2006界面,经典的菜单工具栏,略low 这是CAD2018的Ribbon界面 Ofiice从07版本开始采用Ribbon界面…

基于Ribbon界面的MFC应用程序

1.打开vs2013,选择菜单项文件–新建–项目 2.在弹出的新建项目对话框中选择模板–Visual C-MFC,然后在中间选择MFC应用程序,最下方名称随便起,这里我设为RibbonExample,位置放在自己想要放的位置就好 3.点击确定&a…

【MFC】Ribbon界面开发(三)

01.目录 目录 01.目录02.本文内容03.完善Ribbon实例3.1 为Ribbon bar 添加更多的Ribbon控件3.2 为Ribbon控件添加消息处理函数 04.扩展内容(快速访问工具栏)05.总结 02.本文内容 上一节中讲了为Ribbon Bar添加控件的方法。本节将继续完善前面的实例&…

MFC入门之 Ribbon界面设计

Ribbon是类似于office2007样 式的界面,它替代了传统的MFC程序里的菜单和工具栏MFC默认生成的Ribbon功能少,需要我们自己添加一些控件和图片等元素使界面好看。看下面的一个界面,是示例里的 看到它与默认Ribbon样式的区别: 工具自己…

DevExpress 设计Ribbon界面

Ribbon上包含以下一些元素,如图所示: 元素对应API: Element Ribbon API Quick Access ToolbarRibbonControl.Toolbar RibbonQuickAccessToolbar.ItemLinksApplication ButtonRibbonControl.ShowApplicationButton RibbonControl.Application…

Ribbon界面1

收费工具,一百大洋。学生党勿扰。 1 概述 应客户要求,写了一个Ribbon风格的界面。 2 截图

Ribbon界面2

1 概述 Qt实现的Ribbon界面。 2 截图 office2003风格 office2003风格 office2005风格 office2005风格 office2013风格

Ribbon界面开发(C++)

一.简介 Ribbon:固定式工具栏界面,能够使用户更容易地使用 软件的各项常用功能,例如Word 2007中的保存,设置格式,插入图片等常用功能,都可以从Ribbon界面快速地访问到,从而提高用户的生产效率 二.项目创建 1&#x…

Ribbon界面介绍

http://hi.baidu.com/hoping/item/b257e10e99ed7312cd34ea1d Ribbons Ribbon是现代化的方式帮助用户高效和直接的查找、理解和使用工具命令——通过最少的点击,减少从“尝试-错误”(trainl-and-error)方式中恢复操作,寻找新的操作…

C#编程--ribbon界面介绍

1.梗概 最近在做一个编辑器,刚开始做两天,C#新手。觉得ribbon界面非常好看,不过网上资料非常之少。今天把这两天所学的做一下总结:一是希望能给后来者缩短入门时间。二是对这几天所做的内容进行汇总。(内容可能会有繁…

zz:保护眼睛的颜色和各种背景颜色设置方法

zz: http://tiaozhanshu.com/others/color-for-eye-protection/ 眼睛最近又疼了,无论远近都看不清楚。以前出现这种情况去医院查,医生还说我已经过了得近视的年纪,就算受到一般的刺激也不容易发生病变了。但是长期对着电脑最怕看见…

护眼色(RGB值)

为什么80%的码农都做不了架构师?>>> 护眼色:类似于绿豆沙的颜色; 色调:85;饱和度:123;亮度:205, R: 199; G: 237; B:204; 转载于:htt…

win10窗口设置眼睛保护色

经常电脑前坐着,习惯了豆沙色窗口(据说保护眼睛); 目标 记事本,ide,office等窗口颜色豆沙色;如下图 步骤 打开注册表:winr 运行“regedit”;依次打开[HKEY_CURRENT_USE…

win10 如何设置眼睛保护色(绿色)

按WindowsR打开运行窗口 3 输入Regedit进入注册表编辑器。 4 进入计算机\HKEY_CURRENT_USER\Control Panel\Colors找到window 5 双击打开窗口。 6 将数值改成 204 232 207 点击确定。 7 重启电脑,打开系统窗口即可看到背景成绿色了。

设置电脑眼睛保护色 多种颜色可选!

绿豆沙色能有效的减轻长时间用电脑的用眼疲劳! 色调:85,饱和度:123,亮度:205; RGB颜色红:199,绿:237,蓝:204; 十六进制颜色…

电脑眼睛保护色设置

眼科医生建议电脑屏幕不要用白色,因为白色对眼睛的刺激是最大的,最损伤视力! 眼科医生推荐的颜色是柔和的淡绿色,也有人叫做绿豆沙色。 按HSU 设置为: 色度(HUE): 85 饱和度(SAT): 123 亮度…

保护眼睛的颜色和各种背景颜色设置方法(转)

保护眼睛的颜色 现代人几乎每天都离不开电脑。在工作、娱乐、交友、购物,甚至在买卖股票的过程中,电脑都是我们的好帮手。但是,电脑的辐射多对眼睛的伤害很大,而许多应用软件的背景,尤其是网页的底色通常被设定为白色…