MFC - Ribbon学习

Ribbon学习 - VC工具栏图标制作与选择

office分格的Ribbon工具栏比WindowsXP分格工具栏漂亮很多。现在开发一个程序Ribbon风格(基于单文档)的程序,由于没接触过走了不少弯路,记录一下备忘。

操作系统

  • Windows 10
  • visual studio 2022 (MFC)
  • WPS图片(图片工具箱 - 格式转换)
  • TBCreator(VC工具栏拼接工具)

创建Ribbon风格工具栏

  1. 创建MFC项目,省略创建过程。注意,选择“使用功能区”(Ribbon分格工具栏)。
    在这里插入图片描述

  2. Ribbon工具栏的特点
    Ribbon工具栏就是一个窗口,可以用窗口工具进行添加控件(类似于对话框工具);
    控件的从属关系如下:

  • Ribbon工具栏
    • 类别
      • 面板
        • 其他控件(按钮、标签、编辑…)

如下图:
在这里插入图片描述
最让我喜欢的是,可以为Ribbon工具栏中的各项添加对应的icon图标;但是由于知识欠缺,添加方法着实让我摸索了很久。

  1. Ribbon工具栏内的按钮添加图标(大图标、小图标)

说明:

  • 首先要明确Ribbon工具栏使用的图标并非单个图标,而是一个图标拼合图,并且该拼合图需要导入资源管理器。如下图:
    在这里插入图片描述
  • 该图标拼合图使用VS自带的编辑器无法生成(VS自带的编辑器能编辑单个图标图像,也可以编辑图标串图像,但是不能将单个图标图像拼合为一个新的图标串图像)。因此需要使用外部工具TBCreator(VC工具栏拼接工具),将单个图标图像拼合成一个图标串图像。
    注意:VS工具手动拼合的图标串无法使用,可能是图标边界无法确定。
  • Ribbon可以使用的图标尺寸为32x32(大图标)和16x16(小图标)
  • 先为Ribbon工具栏的“类别”(属性页)选择大图标串图像和小图标串图像
  • 再为其内部控件(属性页)选择对应的图标(大图标或者小图标)

VS工具栏图标串图像制作过程:

1. 下载图标,并保存图标

免费下载图标网址:https://www.flaticon.com
该网站为国外网站,下载需要收费。我直接在喜欢的图标上右键->图片另存为保存了图标。保存格式为.png

2. 将png格式图标转为icon

使用 WPS图片 -> 图片工具箱 -> 格式转换 -> 批量图像转换,将png图标转为32x32 icon 图标。完毕后,再将png图标转为16x16 icon 图标。
之所以需要转换2次,因为TBCreator(VC工具栏拼接工具)无法使用多种尺寸组合的icon图标。

3.将icon拼合为VC工具栏所需的bmp图标串图像

注意:32x32 icon 和 16x16 icon 需要单独拼合。

4.VS资源管理器 - Bitmap项添加2个新工具栏图像

5.Ribbon工具栏 -> 类别 -> 属性页 -> 选择大图像、小图像

在这里插入图片描述

6.为控件选择大图像索引或小图像索引

在这里插入图片描述

Ribbon工具栏图标添加完毕。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值