Qt添加图标

1 Qt添加.exe程序图标

1.1 Qt Creator添加.exe程序图标

在网上（在线生成工具https://converticon.com/）生成一个ico图标文件，命名为：logo.ico，将 ico文件存放至应用程序的源代码目录。

1.1.1 方法一

如果使用qmake来生成makefile文件，只需要在.pro中添加：

RC_ICONS = logo.ico

然后，重新生成makefile文件和应用程序，对应的.exe可执行程序的图标就会转变为刚才添加的图标。

1.1.2 方法二

新建一个.rc文件，“新建文件”---“C++ source File”---命名为logo.rc(不能掉了rc后缀)。

打开logo.rc文件添加如下一行代码。

IDI_ICON1 ICON DISCARDABLE "logo.ico"

最后在pro文件添加一行代码

RESOURCES += \
qss.qrc
#RC_ICONS = logo.ico
DISTFILES += \
logo.rc
RC_FILE += logo.rc

保存项目重新编译，exe图标和执行时window图标都将发生变化。

1.2 Qt in VS添加.exe程序图标

在网上（在线生成工具https://converticon.com/）生成一个ico图标文件，命名为：temp.ico，将 ico文件存放至应用程序的源代码目录。

在工程根目录下，新建一个temp.rc文件，内容如下：

IDI_ICON1 ICON DISCARDABLE "logo.ico"

修改“工程名.vcxproj”文件，在：

<?xml version="1.0" encoding="utf-8"?>
<Project DefaultTargets="Build" ToolsVersion="14.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">

之后，添加

<ItemGroup>
    <ResourceCompile Include="temp.rc" />
</ItemGroup>

重新生成项目即可。

2 Qt添加应用程序图标

如果只设置了可执行程序的图标，而没有设置窗口左上方的图标。结果就是窗口左上方的图标、状态栏图标和可执行程序图标将使用同一个图标。

“右键项目”---“添加新文件”，选择“Qt类”---再选择“Qt Resource File”

点击“choose”，可得到

在“名称”中添加资源文件名“qss”，然后点击“下一步”，得到

点击完成，可以看到添加的资源文件如图所示

右键“qss.qrc”---“Add Prefix”

在“Prefix”中添加“Images”，指定文件夹名为“Images”，然后点击“OK”

在应用程序的源代码目录中添加一个文件名为“mainWindow”的图片文件

右键“Images”文件夹，点击“添加现有文件”，选择“mainWindow.jpg”

双击“MainWindow.ui”，在mainWindow的属性栏中，选中“windowIcon”，点击“▼”，

再点击“选择资源”或者“选择文件”，点击“Images”，再选中资源文件“mainWindow.jpg”，最后点击“OK”。

运行程序，结果如图

3 Qt添加按钮图标

3.1 Qt Creator添加按钮图标

在应用程序的源代码目录中添加一个文件名为“image”的文件夹，在里面添加一些按钮图标的图片文件。

右键“Images”文件夹，点击“添加现有文件”，选中所有图标图片文件，然后点击“打开”

3.1.1 方法一

在构造函数中申明一个QIcon对象用来存放图标

MainWindow::MainWindow(QWidget *parent) :
QMainWindow(parent),
ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    //申明一个QIcon对象用来存放图标

QIcon button_ico(":/Images/image/red");

按钮对象调用setIcon()函数把图片加载到pButton上，同时设置按钮大小

//设置图标、图标大小,按钮对象调用setIcon()函数把图片加载到pButton上

pButton->setIcon(button_ico); pButton->setIconSize(QSize(18,18));

//设置文本
pButton->setText(QString("Click Me %1").arg(i + 1));

点击“运行”，如下图所示

3.1.2 方法二

双击“MainWindow.ui”，在按钮PushButton的属性栏中，选中“icon”，然后再分别可以给按钮在不同状态，通过点击“▼”添加相对应的图标，可以实现图标的切换。

3.2 Qt in VS添加按钮图标

VS会自动生成qrc文件：

使用默认的Qt资源编辑器打开

（可选的：将默认前缀改为/），添加资源文件

Resource URL即图标文件路径，使用方法：

helloQt::helloQt(QWidget *parent)
: QMainWindow(parent)
{
    ui.setupUi(this);
    //申明一个QIcon对象用来存放图标

QIcon button_begin_ico(":/image/begin.png"); QIcon button_green_ico(":/image/green.png");

//设置图标、图标大小,按钮对象调用setIcon()函数把图片加载到pButton上

ui.pushButton->setIcon(button_begin_ico); ui.pushButton->setIconSize(QSize(30, 30));


    ui.pushButton_2->setIcon(button_green_ico);
    ui.pushButton_2->setIconSize(QSize(30, 30));
    //setFlat去除按钮边框
    ui.pushButton->setFlat(true);
    ui.pushButton_2->setFlat(true);
}

运行后，如图所示