qt图标说明

图标

豆瓜

豆瓜网

豆瓜网专栏

首发
豆瓜 图标 2020-08-27 11:57:04

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文件添加一行代码

[url=]

[/url]
RESOURCES += \qss.qrc#RC_ICONS = logo.icoDISTFILES += \logo.rcRC_FILE += logo.rc[url=]

[/url]

保存项目重新编译,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对象用来存放图标

[url=]

[/url]
MainWindow::MainWindow(QWidget *parent) MainWindow(parent),ui(new Ui::MainWindow){    ui->setupUi(this);    //申明一个QIcon对象用来存放图标    QIcon button_ico(":/Images/image/red");}[url=]

[/url]

按钮对象调用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即图标文件路径,使用方法:

[url=]

[/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);}[url=]

[/url]

运行后,如图所示


本文由豆瓜网专栏作家 豆瓜 投稿发布,并经过豆瓜网编辑审核。

转载此文章须经作者同意,并附上出处(豆瓜网)及本页链接。

若稿件文字、图片、视频等内容侵犯了您的权益,请联系本站进行 投诉处理

相关搜索

qt图标
图标 图标

豆瓜

豆瓜网

豆瓜网专栏

  • qt图标说明

    图标
    豆瓜 图标 · 今天 11:57:04 · 0浏览
  • request.servervariables参数汇总

    图标
    豆瓜 图标 · 今天 11:55:07 · 4浏览
  • quotedstr使用说明

    图标
    豆瓜 图标 · 今天 11:54:26 · 8浏览
  • 全部评论

    豆瓜

    豆瓜网

    豆瓜网专栏

  • qt图标说明
  • request.servervariable...
  • quotedstr使用说明
  • switch case用法说明
  • cluster集群概念是怎样的
  • 我来说两句