专业的编程技术博客社区

网站首页 > 博客文章 正文

Qt添加图标(qt中添加图片)

baijin 2025-01-23 15:07:17 博客文章 261 ℃ 0 评论

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);
}

运行后,如图所示


点击领取Qt学习资料+视频教程~链接

http://docs.qq.com/doc/DUlVwTW1FZlZuWE9G

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表