目录

一、说明

二、安装pyqt5以及相关工具（pyqt5、pyuic、pqrcc）

三、创建.ui文件

1、选中文件右键-external-pyqt5 打开GUI设计界面

2、创建一个界面（内含四个等大label框）

3、CTRL+S保存

4、找到ui文件，右键--external tools--pyuic：将ui文件编译成py文件

5、创建qrc文件

6、放置图片，编写qrc文件

7、调用qrc文件资源

方法1）直接代码调用

1）先将qrc文件转换为py文件

2）进入由ui文件转换得到的py文件

 方法2）利用qt-designer工具进行调用

1）打开qt-designer

2)视图-资源浏览器（勾选上）

3）在右下角就会有一个资源窗口

4）选择配置qrc文件

5）给标签设置图标

 参考文献

---

一、说明

.qrc文件是qt系统的一个资源文件，主要为了方便图片的使用，可以通过代码和qt-designer工具来实现对文件的调用

二、安装pyqt5以及相关工具（pyqt5、pyuic、pqrcc）

安装

PyCharm安装PyQt5及其工具（Qt Designer、PyUIC、PyRcc）详细教程_思绪无限的博客-CSDN博客_pycharm安装教程https://blog.csdn.net/qq_32892383/article/details/108867482?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163876323716780261931301%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=163876323716780261931301&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_positive~default-1-108867482.first_rank_v2_pc_rank_v29&utm_term=%E5%AE%89%E8%A3%85pyqt5&spm=1018.2226.3001.4187环境变量设置

PyCharm中设置PyQt5工具：Qt Designer、UI转成PY、Qrc资源文件转成Py文件_wang_hugh的博客-CSDN博客PyCharm中添加Qt Designer工具在“File—>Settings—>Tools—>External Tools”中点击“+”号，添加外部工具；Program中填入“designer.exe”的路径. 如：C:\ProgramData\Anaconda3\Library\bin\designer.exe；Anaconda3 默认如下路径中存在该执行文...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

三、创建.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

PyCharm安装PyQt5及其工具（Qt Designer、PyUIC、PyRcc）详细教程_思绪无限的博客-CSDN博客_pycharm安装教程https://blog.csdn.net/qq_32892383/article/details/108867482?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163876323716780261931301%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=163876323716780261931301&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_positive~default-1-108867482.first_rank_v2_pc_rank_v29&utm_term=%E5%AE%89%E8%A3%85pyqt5&spm=1018.2226.3001.4187