目录
二、安装pyqt5以及相关工具(pyqt5、pyuic、pqrcc)
1、选中文件右键-external-pyqt5 打开GUI设计界面
4、找到ui文件,右键--external tools--pyuic:将ui文件编译成py文件
一、说明
.qrc文件是qt系统的一个资源文件,主要为了方便图片的使用,可以通过代码和qt-designer工具来实现对文件的调用
二、安装pyqt5以及相关工具(pyqt5、pyuic、pqrcc)
安装
三、创建.ui文件
1、选中文件右键-external-pyqt5 打开GUI设计界面
2、创建一个界面(内含四个等大label框)
3、CTRL+S保存
4、找到ui文件,右键--external tools--pyuic:将ui文件编译成py文件
5、创建qrc文件
先创建一个txt空文件,再将后缀名修改成.qrc
6、放置图片,编写qrc文件
编写如下所示的qrc文件
<qresource prefix="icon">这个表明图像的虚拟文件夹为icon,然后在文件夹icon中有多个file文件,即图像文件名
<RCC> <qresource prefix="icon"> <file>1.jpg</file> <file>2.jpg</file> </qresource> <qresource prefix="pi"> <file>3.jpg</file> <file>4.jpg</file> </qresource> </RCC>
上述创建了两个虚拟文件,“icon”和“pi”两个文件,每个文件夹下有不同的文件
7、调用qrc文件资源
方法1)直接代码调用
1)先将qrc文件转换为py文件
选择qrc文件--右键--external tools--pqrcc
这时候的img_rc.py文件就已经将图像编码成了二进制,将jpg文件删除,也能调用显示图像了
2)进入由ui文件转换得到的py文件
将img_rc.py文件移动到和ui转换得到的py文件在同一目录下
引用图像
引用格式:":/虚拟文件夹名/图片"
上面所说的虚拟文件夹,就是在创建qrc文件时prefix的值
例:
":/icon/1.jpg"
self.label.setPixmap(QtGui.QPixmap(":/icon/1.jpg"))
self.label.setScaledContents(True) # 自适应控件的大小
方法2)利用qt-designer工具进行调用
1)打开qt-designer
2)视图-资源浏览器(勾选上)
3)在右下角就会有一个资源窗口
4)选择配置qrc文件
配置成功
5)给标签设置图标
发现图像过大没办法在label中完整显示,这时候需要将设置成自适应
勾选上就显示正常啦
其他类似,最终效果
注意:
1、每次修改qt-designer后都需要保存,然后将ui文件通过pyuic转换为py文件,以此进行更新
2、写完qrc文件且转换为py文件后,图像删除后,依旧可以使用
参考文献
PyQt5,资源文件 .qrc 的使用_龚建波-CSDN博客_pyqt5 qrchttps://blog.csdn.net/gongjianbo1992/article/details/105361880?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163876353516780265439439%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=163876353516780265439439&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-3-105361880.first_rank_v2_pc_rank_v29&utm_term=pyqt5%E8%B5%84%E6%BA%90%E6%96%87%E4%BB%B6%E8%AE%BE%E7%BD%AE&spm=1018.2226.3001.4187手把手教你pyqt中.qrc图片文件的编写和使用_tb_youth的博客-CSDN博客_qrc图片
https://blog.csdn.net/tb_youth/article/details/105755423?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.opensearchhbase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.opensearchhbasePyCharm中设置PyQt5工具:Qt Designer、UI转成PY、Qrc资源文件转成Py文件_wang_hugh的博客-CSDN博客
https://blog.csdn.net/wang_hugh/article/details/88775868?ops_request_misc=&request_id=&biz_id=102&utm_term=pyqrc.exe%E4%B8%8B%E8%BD%BD&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-2-88775868.first_rank_v2_pc_rank_v29&spm=1018.2226.3001.4187