QT小知识：为按钮QButton的文本添加图标Icon

目标：

=================================================================

===============================================

起初，我们有一个朴实无华的QPushButton，仅双击便可以设置文本

然后我们发现了漂亮的图标库（Icon）——阿里巴巴矢量图库，然后...

iconfont-阿里巴巴矢量图标库

 

1.添加资源文件（Qt Resource File）

工程的变化

添加前缀

添加文件——下载好的矢量图

保存变化（Ctrl+S）（重要）

2.左图标右文本按钮Button（QPushButton）

Tips：QPushButton能且一般仅能实现左右结构的——“图标文本按钮”

1.）添加QPushButton，写上文本"文件管理"。

2.）按如下步骤添加和设置图标属性

按钮大小和文本

添加图标

设置图标大小

完成结果：

3.上图标下文本按钮Button（QToolButton）

Tips：QToolButton能实现上下甚至更多结构的——“图标文本按钮”

1.）添加QToolButton，写上文本"文件管理"。

2.）按如下步骤添加和设置图标属性

 按钮大小和文本

添加图标

设置图标大小

此时现象

改变图标和文本的相对显示位置

（其实也可以

）

设置图标大小

 完成结果：

4.可以弄好多好看实用的按钮了.

祝  马到功成，万事如意