QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO

QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO

1、新建项目,改名称ImageIco

QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO

2、选择基类,改类名,然后下一步…… 直到完成;

QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO

3、新建完了之后,再新建文件,新建资源文件;后缀是这样的.qrc

QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO

4、选择QT —— QT Resource File  就是资源文件;

QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO

5、改名称,rec

QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO

6、默认; 完成;

QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO

7、选择rec.qrc 然后,右键,选择添加前缀;Add Prefix

QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO

8、写/Images   就是为了以后资源多了好归类;避免几十个文件堆在一起;

QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO

9、在文件夹中,新建文件夹,icons ,

QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO

10、在icons ,文件夹中,放图标文件,后缀是ico 的图片;

QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO

 

11、转回到Qt Creator ,在这里,

 

QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO

12、选择添加文件,点击,Add Files;添加刚才的那2个ico 文件;

 

QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO

13、在UI界面中,添加按钮,CheckBox ;

 

QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO

14、点击按钮,在右下角中,有icon 选项卡,点击,出现选择资源,选择图标;

QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO

15、运行效果,如下;

QT5.14入门教程GUI(十)第10个QT程序-添加资源图片-ICO