• 技术文章 >后端开发 >Python教程

    超全!Python图形界面框架PyQt5使用指南!

    WBOYWBOY2023-04-13 08:43:21转载148

    常见GUI框架

    个人想法:太多学不完,先学PyQt5,原因是资料多,学有余力再学pyside6,最后看下PySimpleGUI,看能否解决一些简单问题。

    PyQt5简介

    PyQt是Qt框架的Python语言实现,由Riverbank Computing开发,是最强大的GUI库之一。PyQt提供了一个设计良好的窗口控件集合,每一个PyQt控件都对应一个Qt控件,因此PyQt的API接口与Qt的API接口很接近,但PyQt不再使用QMake系统和Q_OBJECT宏。

    PyQt5提供GPL版和商业版证书,自由开发者可以使用免费的GPL许可,如果需要将PyQt用于商业应用,则必须购买商业许可。

    PyQt5特性如下:

    PyQt5的安装

    由于后期要使用fbs进行打包,fbs对Python 3.7以后的版本可能存在兼容问题,所以我选择了Python 3.6.8进行了整个环境的搭建。主要内容为:Python + PyCharm + PyQt5

    安装PyQt5

    pip install pyqt5
    pip install pyqt5-tools

    其中pyqt5-tools为Qt Designer拖拽式的界面设计工具。安装过程中可能会报如下错误:

    qt5-tools 5.15.2.1.2 has requirement click~=7.0, but you'll have click 8.0.1 which is incompatible.

    解决方案:

    pip install click~=7.0

    Qt Designer的配置

    Qt Designer 是通过拖拽的方式放置控件,并实时查看控件效果进行快速UI设计。

    整个画面的构成:

    最终生成.ui文件(实质上是XML格式的文件),可直接使用,也可以通过pyuic5工具转换成.py文件。

    QtDisigner配置

    在Pycharm中,依次打开 File – Settings – Tools – External Tools,点击 + Create Tool,配置如下:

    Name: QtDisigner
    Program : D:Program FilesPython36Libsite-packagesqt5_applicationsQtbindesigner.exe # 请根据实际修改
    Working directory: $FileDir$

    PyUIC配置

    PyUIC主要是把Qt Designer生成的.ui文件换成.py文件。

    在Pycharm中,依次打开 File – Settings – Tools – External Tools,点击 + Create Tool,配置如下:

    Name: PyUIC
    Program : D:Program FilesPython36python.exe # 当前Python目录,请根据实际修改
    Arguments: -m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py
    Working directory: $FileDir$

    PyRCC配置

    PyRCC主要是把编写的.qrc资源文件换成.py文件。在Pycharm中,依次打开 File – Settings – Tools – External Tools,点击 + Create Tool,配置如下:

    Name: PyRCC
    Program: D:Program FilesPython36pyrcc5.exe # 当前rcc工具目录,请根据实际修改
    Arguments: $FileName$ -o $FileNameWithoutExtension$_rc.py
    Working directory: $FileDir$

    PyQt5使用示例

    创建一个空白的界面:

    import sys
    from PyQt5.QtWidgets import QApplication, QMainWindow, QLabel
    app = QApplication(sys.argv)
    win = QMainWindow()
    win.setGeometry(400, 400, 400, 300)
    win.setWindowTitle("Pyqt5 Tutorial")
    win.show()
    sys.exit(app.exec_())

    其中:

    PyQt5支持的常见Widgets有:

    从上到下,从左到右依次为:Qlabel、QcomboBox、QcheckBox、QradioButton、QpushButton、QtableWidget、QlineEdit、Qslider、QProgressBar

    对于使用Pyqt5设置文本内容,我们使用Qlabel:

    import sys
    from PyQt5.QtWidgets import QApplication, QMainWindow, QLabel
    app = QApplication(sys.argv)
    win = QMainWindow()
    win.setGeometry(400, 400, 400, 300)
    win.setWindowTitle("Pyqt5 Tutorial")
    # Label Text
    label = QLabel(win)
    label.resize(200, 100)
    label.setText("Hi this is Pyqt5")
    label.move(100, 100)
    win.show()
    sys.exit(app.exec_())

    按钮与事件:

    import sys
    from PyQt5.QtWidgets import QApplication, QMainWindow, QPushButton
    def click():
     print("Hy Button is clicked!")
    app = QApplication(sys.argv)
    win = QMainWindow()
    win.setGeometry(400, 400, 400, 300)
    win.setWindowTitle("Pyqt5 Tutorial")
    # Button
    button = QPushButton(win)
    button.resize(200, 100)
    button.setText("Hi! Click Me")
    button.move(100, 100)
    button.clicked.connect(click)
    win.show()
    sys.exit(app.exec_())

    button.clicked.connect() 在按钮点击后执行特定的事件。

    PyQt5实战

    实战项目:简易的天气查询软件

    1、使用Qt Designer设计一个界面

    用到的控件有Button, GroupBox, Label,ComboBox,TextEdit,同时定义了两个按钮queryBtn及clearBtn,分别用来查询及清空天气数据。我们需要绑定槽函数,方法如下:

    以上完成后保存为Weather.ui文件。

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

    PyQt5支持直接使用.ui文件:

    import sys
    from PyQt5 import QtWidgets, uic
    app = QtWidgets.QApplication(sys.argv)
    window = uic.loadUi("mainwindow.ui")
    window.show()
    app.exec()

    但是为了更好的自定义及修改上面的槽函数,可以使用External Tools – PyUIC,即可生成Weather.py,实际运行命令如下:

    D:Program FilesPython36python.exe -m PyQt5.uic.pyuic Weather.ui -o Weather.py

    其中,我们需要把两个按钮绑定的槽函数:

    # self.queryBtn.clicked.connect(Dialog.accept)
    # self.clearBtn.clicked.connect(Dialog.accept)
    # 修改为:
    self.queryBtn.clicked.connect(Dialog.queryWeather)
    self.clearBtn.clicked.connect(Dialog.clearText)

    最终的Weather.py内容如下:

    # -*- coding: utf-8 -*-
    # Form implementation generated from reading ui file 'Weather.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_Dialog(object):
     def setupUi(self, Dialog):
     Dialog.setObjectName("Dialog")
     Dialog.resize(600, 600)
     self.groupBox = QtWidgets.QGroupBox(Dialog)
     self.groupBox.setGeometry(QtCore.QRect(30, 20, 551, 511))
     self.groupBox.setObjectName("groupBox")
     self.label_2 = QtWidgets.QLabel(self.groupBox)
     self.label_2.setGeometry(QtCore.QRect(20, 30, 31, 16))
     self.label_2.setObjectName("label_2")
     self.comboBox = QtWidgets.QComboBox(self.groupBox)
     self.comboBox.setGeometry(QtCore.QRect(70, 30, 87, 22))
     self.comboBox.setObjectName("comboBox")
     self.comboBox.addItem("")
     self.comboBox.addItem("")
     self.comboBox.addItem("")
     self.textEdit = QtWidgets.QTextEdit(self.groupBox)
     self.textEdit.setGeometry(QtCore.QRect(20, 70, 491, 411))
     self.textEdit.setObjectName("textEdit")
     self.queryBtn = QtWidgets.QPushButton(Dialog)
     self.queryBtn.setGeometry(QtCore.QRect(490, 560, 93, 28))
     self.queryBtn.setObjectName("queryBtn")
     self.clearBtn = QtWidgets.QPushButton(Dialog)
     self.clearBtn.setGeometry(QtCore.QRect(30, 560, 93, 28))
     self.clearBtn.setObjectName("clearBtn")
     self.retranslateUi(Dialog)
     self.clearBtn.clicked.connect(Dialog.clearText)
     self.queryBtn.clicked.connect(Dialog.queryWeather)
     QtCore.QMetaObject.connectSlotsByName(Dialog)
     def retranslateUi(self, Dialog):
     _translate = QtCore.QCoreApplication.translate
     Dialog.setWindowTitle(_translate("Dialog", "Dialog"))
     self.groupBox.setTitle(_translate("Dialog", "城市天气预报"))
     self.label_2.setText(_translate("Dialog", "城市"))
     self.comboBox.setItemText(0, _translate("Dialog", "北京"))
     self.comboBox.setItemText(1, _translate("Dialog", "苏州"))
     self.comboBox.setItemText(2, _translate("Dialog", "上海"))
     self.queryBtn.setText(_translate("Dialog", "查询"))
     self.clearBtn.setText(_translate("Dialog", "清空"))

    3、调用MainDialog

    在MainDialog中调用界面类Ui_Dialog,然后在其中中添加查询天气的业务逻辑代码,这样就做到了界面显示和业务逻辑的分离。新增demo.py文件, 在MainDialog类中定义了两个槽函数queryWeather()和clearText(),以便在界面文件Weather.ui中定义的两个按钮(queryBtn 和clearBtn) 触发clicked 信号与这两个槽函数进行绑定。

    完整代码如下:

    import sys
    import Weather
    from PyQt5.QtWidgets import QApplication, QDialog
    import requests
    class MainDialog(QDialog):
     def __init__(self, parent=None):
     super(QDialog, self).__init__(parent)
     self.ui = Weather.Ui_Dialog()
     self.ui.setupUi(self)
     def queryWeather(self):
     cityName = self.ui.comboBox.currentText()
     cityCode = self.getCode(cityName)
     r = requests.get(
     "https://restapi.amap.com/v3/weather/weatherInfo?key=f4fd5b287b6d7d51a3c60fee24e42002&city={}".format(
     cityCode))
     if r.status_code == 200:
     data = r.json()['lives'][0]
     weatherMsg = '城市:{}n天气:{}n温度:{}n风向:{}n风力:{}n湿度:{}n发布时间:{}n'.format(
     data['city'],
     data['weather'],
     data['temperature'],
     data['winddirection'],
     data['windpower'],
     data['humidity'],
     data['reporttime'],
     )
     else:
     weatherMsg = '天气查询失败,请稍后再试!'
     self.ui.textEdit.setText(weatherMsg)
     def getCode(self, cityName):
     cityDict = {"北京": "110000",
     "苏州": "320500",
     "上海": "310000"}
     **return** cityDict.get(cityName, '101010100')
     def clearText(self):
     self.ui.textEdit.clear()
    if __name__ == '__main__':
     myapp = QApplication(sys.argv)
     myDlg = MainDialog()
     myDlg.show()
     sys.exit(myapp.exec_())

    运行demo.py并执行查询后的效果:

    4、将代码打包成exe文件

    将.py文件打包成可执行的exe在Python中称为freezing,常用的工具有:PyInstaller, py2exe, cx_Freeze, bbfreze, py2app等。功能对比:

    这里选择了fbs来打包。fbs的安装方法:

    pip install fbs

    使用方法,在命令行中输入:

    fbs startproject

    执行完成后需要输入一些APP的名称等。完成后会生成如下目录:

    将刚才编写的PyQt5的代码(demo.py和Weather.py)拖到src/main/python文件夹下,删除原有的main.py,并将demo.py修改为main.py。然后打开 main.py,在文件头部添加如下代码:

    from fbs_runtime.application_context.PyQt5 import ApplicationContext
    ```
    完成后执行:
    ```
    fbs freeze
    ```
    即可实现打包。生成的exe可执行文件在targetMyApp文件下。

    以上就是超全!Python图形界面框架PyQt5使用指南!的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:51CTO.COM,如有侵犯,请联系admin@php.cn删除
    专题推荐:Python 图形界面 PyQt5
    上一篇:超全!Python 中常见的配置文件写法 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 超棒!推荐八个炫酷的 Python 装饰器!• python调试模块ipdb怎么使用• 万字长文,Python字符串格式化讲解• Python没有main函数的原因是什么• 使用click创建完美的Python命令行程序
    1/1

    PHP中文网