PyQt5 —— QtDesigner，pyqt5-tools 结合

Qt 使用可以用 QtDesigner 创建 .ui 文件，并在 QtCreator 中自动生成C++文件，从C++中调用；PyQt 也可以，需要借助 PyQt 提供的 pyuic5 脚本。

工具准本

1. QtDesigner
   pip3 install PyQt5-tools
2. 安装 PyQt5，包含 pyuic 模块
   pip3 install PyQt5

正确的步骤

1. 创建 .ui 文件
   打开 QtDesigner，新建，创建一个简单的界面文件，保存为 foo.ui

image.png

image.png

2. 转换 .ui 文件为 py 文件

pyuic5 foo.ui -o ui_foo.py

3. 使用生成的文件
   新建一个 python 源码文件， bar.py

• 第一种方法： 组合ui

from PyQt5.QtWidgets import QDialog
from ui_foo import Ui_MainWindow

class MainWindow(QDialog):
    def __init__(self):
        super(MainWindow, self).__init__()

        # Set up the user interface from Designer.
        self.ui = Ui_MainWindow()
        self.ui.setupUi(self)

        # Make some local modifications.
        self.ui.colorDepthCombo.addItem("2 colors (1 bit per pixel)")

        # Connect up the buttons.
        self.ui.okButton.clicked.connect(self.accept)
        self.ui.cancelButton.clicked.connect(self.reject)

• 第二种方法： 多继承

from PyQt5.QtGui import QDialog
from ui_foo import Ui_MainWindow

class MainWindow(QDialog, Ui_MainWindow):
    def __init__(self):
        super(MainWindow, self).__init__()

        # Set up the user interface from Designer.
        self.setupUi(self)

        # Make some local modifications.
        self.colorDepthCombo.addItem("2 colors (1 bit per pixel)")

        # Connect up the buttons.
        self.okButton.clicked.connect(self.accept)
        self.cancelButton.clicked.connect(self.reject)

结合 pycharm

pycharm 支持 ”external tool" 可以添加自定义的命令到 pycharm 菜单；利用这个，把 pyuic 添加进来，提高效率
settings->tools->external tools

image.png

资源文件 qrc

• 用 QtCreator 或 QtDesigner 编辑 qrc

QtCreator 编辑 qrc

前缀 是 qrc 中用来分组的一个层级，在源码中体现为路径
在前缀下 添加文件：图片等
语言 是由于国际化的一个后缀（不同语言自动识别使用资源）

• PyQt5 提供工具把 qrc 及其关联的文件编译为一个 py 文本，只需要引用这个文本，就可以使用资源。
  pyrcc5.exe image.qrc -o rc_image.py

• 使用编译后的模块
  资源路径格式 ":前缀/文件名" 或 ":前缀/别名"

资源文件和别名

from rc_image import *
img = QPixmap(":/img/glyphicons-281-settings.png")    # 从编译后的资源文件中导入(文件名）
img = QPixmap(":/img/settings")    # 从编译后的资源文件中导入（别名）

demo 地址