Python基础（二）——PyQt5开发之将QtDesigner、PyUIC、Pyqrc链接到PyCharm的外部工具库

小灰灰 2022-10-14 00:41 220阅读 0赞

1.安装QtDesigner和PyUIC，在命令行窗口中执行

pip install pyqt5
    pip install pyqt5-tools

2.点击PyCharm的File->Settings->Tools->External tools打开外部工具界面，点‘+'号进入添加外部工具界面。

> Name:自定义  
> Program:designer所在的路径（一般在Lib\\site-packages\\qt5\_applications\\Qt\\bin\\）

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N5bm9sYQ_size_16_color_FFFFFF_t_70]  
3.按同样的方法添加PyUIC,PyUIC的作用是将QT designer生成的.ui文件转换成python可以识别的.py文件

> Program：D:\\program\\anaconda3\\python.exe  
> Arguments：-m PyQt5.uic.pyuic -o $ FileNameWithoutExtension$ .py $ FileName$  
> Working directory：$ FileDir$  
> 注意：  
> （1）$ 后面没有空格  
> （2）生成的py文件会与被转换的ui文件位于同一个文件夹下

4.按同样方法添加pyqrc

> Program：D:\\python\\python37\\Scripts\\pyrcc5.exe  
> Arguments：$ FileName$ -o $ FileNameWithoutExtension$ \_rc.py  
> Working directory：$ FileDir$  
> 注意：  
> （1）$ 后面没有空格

6.在项目文件夹中右击点击External Tools即可打开添加后的QtDesigner、PyUIC、Pyqrc  
7.打开QtDesigner可以进行界面设计，并保存为.ui文件到工程中  
8.选中.ui文件，右键External Tools中单击PyUIC，将.ui文件转换成python  
9.注意：转换的python文件中只有一个Ui\_MainWindow类，没有主程序，故需要添加主程序实现调用

from QtFile import Ui_MainWindow
    import sys
    from PyQt5.QtWidgets import QApplication,QMainWindow
     
    class QtFileShow(QMainWindow,Ui_MainWindow):
     def __init__(self,parent=None):
      super(QtFileShow,self).__init__(parent)
      self.setupUi(self)
     
    if __name__ == '__main__':
     app = QApplication(sys.argv)
     ui=QtFileShow()
     ui.show()
     sys.exit(app.exec_())

10.在工程目录下的images文件下存放图片，在工程目录下可以新建.qrc文件，格式如下：

<RCC>
      <qresource prefix="a1">
        <file>images/k_1.png</file>
        <file>images/bg_camera.jpg</file>
        <file>images/bg_top1.png</file>
        <file>images/bg_top2.png</file>
        <file>images/btn_back_1.png</file>
        <file>images/btn_back_2.png</file>
      </qresource>
    </RCC>

11.右击该.qrc文件–》External Tools–》pyqrc，将.qrc文件转换成.py文件

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N5bm9sYQ_size_16_color_FFFFFF_t_70]: /images/20221014/0e29b8bae9db4132872f9250d7b619e8.png