【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写

目录

一、说明

二、安装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安装教程icon-default.png?t=LA92https://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设计界面

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第1张图片

2、创建一个界面(内含四个等大label框)

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第2张图片

3、CTRL+S保存

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

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第3张图片

5、创建qrc文件

先创建一个txt空文件,再将后缀名修改成.qrc

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

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第4张图片

编写如下所示的qrc文件

这个表明图像的虚拟文件夹为icon,然后在文件夹icon中有多个file文件,即图像文件名


  
    1.jpg
    2.jpg
  
    
    3.jpg
    4.jpg
  

 上述创建了两个虚拟文件,“icon”和“pi”两个文件,每个文件夹下有不同的文件

7、调用qrc文件资源

方法1)直接代码调用

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

选择qrc文件--右键--external tools--pqrcc

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第5张图片

 

这时候的img_rc.py文件就已经将图像编码成了二进制,将jpg文件删除,也能调用显示图像了

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第6张图片

 

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

将img_rc.py文件移动到和ui转换得到的py文件在同一目录下

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第7张图片

 引用图像

引用格式:":/虚拟文件夹名/图片"

上面所说的虚拟文件夹,就是在创建qrc文件时prefix的值

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第8张图片

 

例:

":/icon/1.jpg"
        self.label.setPixmap(QtGui.QPixmap(":/icon/1.jpg"))
        self.label.setScaledContents(True) # 自适应控件的大小

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第9张图片

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第10张图片

 

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

1)打开qt-designer

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

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

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第11张图片

4)选择配置qrc文件

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第12张图片

 配置成功

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第13张图片

5)给标签设置图标

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第14张图片

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第15张图片 

发现图像过大没办法在label中完整显示,这时候需要将设置成自适应

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第16张图片

 勾选上就显示正常啦

其他类似,最终效果

【pyqt5学习】——pyqt5中.qrc资源文件的创建与编写_第17张图片

注意:

1、每次修改qt-designer后都需要保存,然后将ui文件通过pyuic转换为py文件,以此进行更新

2、写完qrc文件且转换为py文件后,图像删除后,依旧可以使用

 参考文献

PyQt5,资源文件 .qrc 的使用_龚建波-CSDN博客_pyqt5 qrcicon-default.png?t=LA92https://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图片icon-default.png?t=LA92https://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博客icon-default.png?t=LA92https://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安装教程icon-default.png?t=LA92https://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

 

 

 

 

 

 

 

你可能感兴趣的:(pyqt5,python,pyqt5,qrc,pyuic工具)