使用 Qt designer
Qt Designer是一款针对 Qt 开发者的跨平台界面开发工具，可以在 Windows、Linux 及 Mac OS 等操作系统运行，这篇教学会介绍如何安装以及使用 Qt Designer。
快速导览：
下载并安装 Qt Designer
前往 Qt Designer 下载页面，挑选操作系统对应的软件下载安装。
下载页面：Qt Designer Download
开始使用 Qt Designer
安装 Qt Designer 后就可以打开 Qt Designer，打开后可先选择 Widget，可以打开完全空白的视窗页面。
打开后的 Qt Designer 会出现许多设定面板，中间 Form 为主要的视窗界面，可以从左侧将元件或版型 ( Layout、Spacers、Buttons 或 Widgets...等 )，透过“鼠标拖拉”的方式放到视窗里，然后就可以透过 Property Editor 面板设定元件的属性。
产生 .ui 文件
从左侧的元件面板，拖拉一些元件到视窗里，范例中放入一个 Label 和一个 PushButton。
完成后，就可以将其储存为 .ui 文件。
转换 .ui 文件为 .py 程序码文件
回到输入指令的画面，输入下列指令，就能将 .ui 文件转换为 .py 的程序码文件。
pyuic5 -x qt_test.ui -o qt_test.py
接着使用编辑器 ( Anaconda 或 VSCode...等 )，打开转换后的 .py 文件，就能看到如下方的程序码，执行后就可以看见 Python 搭配 PyQt5 做出来的程序界面。
from PyQt5 import QtCore, QtGui, QtWidgets
class Ui_Form(object):
def setupUi(self, Form):
Form.setObjectName("Form")
Form.resize(320, 240)
self.pushButton = QtWidgets.QPushButton(Form)
self.pushButton.setGeometry(QtCore.QRect(100, 130, 113, 32))
self.pushButton.setObjectName("pushButton")
self.label = QtWidgets.QLabel(Form)
self.label.setGeometry(QtCore.QRect(70, 70, 171, 51))
font = QtGui.QFont()
font.setPointSize(20)
self.label.setFont(font)
self.label.setAlignment(QtCore.Qt.AlignCenter)
self.label.setObjectName("label")
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", "PushButton"))
self.label.setText(_translate("Form", "TextLabel"))
if __name__ == "__main__":
import sys
app = QtWidgets.QApplication(sys.argv)
Form = QtWidgets.QWidget()
ui = Ui_Form()
ui.setupUi(Form)
Form.show()
sys.exit(app.exec_())
PyQt5 参考数据
微信扫码关注
抖音扫码关注