VS+Qt应用开发,设置软件图标Icon

VS+Qt应用开发,设置软件图标Icon

  • 前言
  • 一、索然无味的默认icon图标
  • 二、如何设置自己喜欢的icon图标?
    • 1.选择自己喜欢的图标
    • 2.设置可执行文件(.exe)图标
    • 3.设置标题栏和任务栏图标
  • 三、效果
  • 四、工程源码


前言

VS版本:VS2019
QT版本:Qt5.12.3(msvc2017_64)


一、索然无味的默认icon图标

VS+Qt应用开发时,窗口标题栏icon、任务栏、可执行文件(.exe)使用的都是默认图标。
虽然可以使用,但满足不了一个程序猿对美的追求。
那么该如何设置,才能使用自己喜欢的应用图标呢?

丑丑的默认图标
VS+Qt应用开发,设置软件图标Icon_第1张图片
在这里插入图片描述
VS+Qt应用开发,设置软件图标Icon_第2张图片

二、如何设置自己喜欢的icon图标?

1.选择自己喜欢的图标

这里推荐几个不错的网站,可自行下载喜欢的图标文件:

  • Free Vector Icons
  • iconfont-阿里巴巴矢量图标库
  • Macz下载·图标

2.设置可执行文件(.exe)图标

  • 将下载好的图标文件(.ico)放入到工程目录下VS+Qt应用开发,设置软件图标Icon_第3张图片

  • 在VS中,右键项目名称->添加->资源;
    VS+Qt应用开发,设置软件图标Icon_第4张图片

  • 在弹出的窗口中,选择Icon->导入->选择下载好的图标文件;
    VS+Qt应用开发,设置软件图标Icon_第5张图片

  • 此时图标文件会显示在VS的窗口中,可对其做修改;VS+Qt应用开发,设置软件图标Icon_第6张图片

  • 右击项目名称->重新生成,文件夹中的可执行文件图标便发生了改变。VS+Qt应用开发,设置软件图标Icon_第7张图片

3.设置标题栏和任务栏图标

  • 双击解决方案中资源文件下的资源文件(.qrc),弹出Qt资源编辑器;
    VS+Qt应用开发,设置软件图标Icon_第8张图片
  • 选择下载好的图标文件,单击“打开”;
    VS+Qt应用开发,设置软件图标Icon_第9张图片
  • 关闭资源编辑器界面(.qrc),并保存更改;
    VS+Qt应用开发,设置软件图标Icon_第10张图片
  • 双击窗口文件(.ui),进入Qt Designer进行编辑;
    VS+Qt应用开发,设置软件图标Icon_第11张图片
  • 选中主窗口->属性windowIcon,单击“▼”->选择资源;
    VS+Qt应用开发,设置软件图标Icon_第12张图片
  • 选择图标文件,并单击“OK”
    VS+Qt应用开发,设置软件图标Icon_第13张图片
  • 保存Qt Designer后,退出Designer重新编译项目,此时标题栏和状态栏图标已经发生改变。

三、效果

这样就完成了窗口标题栏、任务栏、可执行文件(.exe)图标的设置。
是不是很哇塞?
VS+Qt应用开发,设置软件图标Icon_第14张图片
在这里插入图片描述
VS+Qt应用开发,设置软件图标Icon_第15张图片

四、工程源码

  • github 免费下载
  • CSDN 免积分下载

你可能感兴趣的:(VS+QT开发,qt,visual,studio,图标设计,qt5,vs2015)