QT Designer+PyQt5做图形化工具

你的名字 2022-10-19 04:15 146阅读 0赞

QT Designer是一个生成图形用户界面的工具，最终能通过一段脚本将其生成的代码专为python代码。  
然后再使用PyQt5完成逻辑部分即可。

# QT Designer使用流程： #

一、安装

1.  安装Qt Designer：pip install PyQt5-tools -i https://pypi.tuna.tsinghua.edu.cn/simple
2.  找到designer.exe文件，一般在python路径下，可以找到designer.exe文件
3.  运行designer.exe

二、操作方法  
概述：QT Designer主要是拖拽控件使用的  
新建方式：文件 → 新建 → 选择Main Windows → 创建

QT Designer+PyQT-Chapter 1-新建

# QT Designer和python PyQT5融合 #

1.  安装PyQT5: pip install PyQt5 -i https://pypi.tuna.tsinghua.edu.cn/simple
2.  Qt Designer保存的.ui文件转成.py文件：命令行：pyuic5 -o demo.py demo.ui
3.  看看导出的代码：

# -*- coding: utf-8 -*-
    
    # Form implementation generated from reading ui file 'demo.ui'
    #
    # Created by: PyQt5 UI code generator 5.15.4
    #
    # WARNING: Any manual changes made to this file will be lost when pyuic5 is
    # run again.  Do not edit this file unless you know what you are doing.
    
    
    from PyQt5 import QtCore, QtGui, QtWidgets
    
    
    class Ui_MainWindow(object):
        def setupUi(self, MainWindow):
            MainWindow.setObjectName("MainWindow")
            MainWindow.resize(800, 600)
            self.centralwidget = QtWidgets.QWidget(MainWindow)
            self.centralwidget.setObjectName("centralwidget")
            self.gridLayout = QtWidgets.QGridLayout(self.centralwidget)
            self.gridLayout.setObjectName("gridLayout")
            self.label = QtWidgets.QLabel(self.centralwidget)
            self.label.setObjectName("label")
            self.gridLayout.addWidget(self.label, 0, 0, 1, 1)
            self.user_name = QtWidgets.QLineEdit(self.centralwidget)
            self.user_name.setObjectName("user_name")
            self.gridLayout.addWidget(self.user_name, 0, 1, 1, 2)
            self.label_2 = QtWidgets.QLabel(self.centralwidget)
            self.label_2.setObjectName("label_2")
            self.gridLayout.addWidget(self.label_2, 1, 0, 1, 1)
            self.password = QtWidgets.QLineEdit(self.centralwidget)
            self.password.setObjectName("password")
            self.gridLayout.addWidget(self.password, 1, 1, 1, 2)
            self.login = QtWidgets.QPushButton(self.centralwidget)
            self.login.setObjectName("login")
            self.gridLayout.addWidget(self.login, 2, 0, 1, 2)
            self.forget_password = QtWidgets.QPushButton(self.centralwidget)
            self.forget_password.setObjectName("forget_password")
            self.gridLayout.addWidget(self.forget_password, 2, 2, 1, 1)
            MainWindow.setCentralWidget(self.centralwidget)
            self.menubar = QtWidgets.QMenuBar(MainWindow)
            self.menubar.setGeometry(QtCore.QRect(0, 0, 800, 26))
            self.menubar.setObjectName("menubar")
            MainWindow.setMenuBar(self.menubar)
            self.statusbar = QtWidgets.QStatusBar(MainWindow)
            self.statusbar.setObjectName("statusbar")
            MainWindow.setStatusBar(self.statusbar)
    
            self.retranslateUi(MainWindow)
            QtCore.QMetaObject.connectSlotsByName(MainWindow)
    
        def retranslateUi(self, MainWindow):
            _translate = QtCore.QCoreApplication.translate
            MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))
            self.label.setText(_translate("MainWindow", "用户名："))
            self.label_2.setText(_translate("MainWindow", "密码："))
            self.login.setText(_translate("MainWindow", "登录"))
            self.forget_password.setText(_translate("MainWindow", "忘记密码"))

1.  python集成，并运行起来  
    新建一个test.py文件

from PyQt5 import QtWidgets
    from demo import Ui_MainWindow
    
    class mywindow(QtWidgets.QMainWindow, Ui_MainWindow):
        def  __init__ (self):
            super(mywindow, self).__init__()
            self.setupUi(self)
    
    if __name__=="__main__":
        import sys
        app=QtWidgets.QApplication(sys.argv)
        ui = mywindow()    
        ui.show()
        sys.exit(app.exec_())

运行这个文件，可以看见图形化界面

1.  如何获取输入框内的内容：self.user\_name.text()  
    user\_name是在用Qt Designer时配置的名字  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bmh1d2g_size_16_color_FFFFFF_t_70]
2.  如何将按钮点击事件监控起来，并用函数去处理  
    self.login.clicked.connect(self.login\_handle)  
    login\_handle这个函数就是登录的逻辑

以上实现了一个最简单的DEMO，接下来会持续更新复杂的实用功能

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bmh1d2g_size_16_color_FFFFFF_t_70]: /images/20221005/6ed8abb00f0344b1918302005b566577.png