Python GUI开发- Qt Designer环境搭建

上海-悠悠

发布于 2024-04-26 14:10:43

1310

发布于 2024-04-26 14:10:43

文章被收录于专栏：从零开始学自动化测试从零开始学自动化测试

前言

Qt Designer是PyQt5 程序UI界面的实现工具，使用 Qt Designer 可以拖拽、点击完成GUI界面设计，并且设计完成的 .ui 程序可以转换成 .py 文件供 python 程序调用

环境准备

使用pip安装

pip install pyqt5-tools

Qt Designer 环境搭建

在pip安装包的路径中，找到 designer.exe 文件，例如我的目录如下：

venv\Lib\site-packages\qt5_applications\Qt\bin

在 pycharm 快速配置 designer

pycharm Setting 设置界面 - Tools - External Tools 外部工具

点 + 按钮

输入Name 名称和 designer.exe 地址，点OK

打开Qt Designer

在创建的项目名称上右键-选择 External Tools 外部工具

点击后出现Qt Designer工具界面

添加一个button按钮示例

先创建一个Widget

从左侧选一个PushBtton 添加进去

属性编辑器修改属性

文件-保存为 untitled.ui 文件

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

使用命令行pyuic5 -o xx.py untitled.ui转换成 .py 文件。调用格式为 pyuic5 -o {输出文件名} {输入designer设计好的.ui后缀界面文件}。

保存后的代码

from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_Form(object):
    def setupUi(self, Form):
        Form.setObjectName("Form")
        Form.resize(400, 300)
        self.pushButton = QtWidgets.QPushButton(Form)
        self.pushButton.setGeometry(QtCore.QRect(60, 130, 75, 23))
        self.pushButton.setObjectName("pushButton")

        self.retranslateUi(Form)
        QtCore.QMetaObject.connectSlotsByName(Form)

    def retranslateUi(self, Form):
        _translate = QtCore.QCoreApplication.translate
        Form.setWindowTitle(_translate("Form", "Form"))
        self.pushButton.setText(_translate("Form", "点我运行"))

最近加上启动应用程序和退出的代码

if __name__ == '__main__':
    import sys
    from PyQt5.QtWidgets import QApplication, QMainWindow

    class MyMainForm(QMainWindow, Ui_Form):
        def __init__(self, parent=None):
            super(MyMainForm, self).__init__(parent)
            self.setupUi(self)

    app = QApplication(sys.argv)
    myWin = MyMainForm()
    myWin.show()
    sys.exit(app.exec_())

运行代码可以看到效果