• Python有很多GUI库，如CSDN博主Python 学习者整理的13个库：http://t.csdn.cn/304jk

  • 最常用的有Tkinter、pyqt等，本文档主要记录基于pyqt5库的开发与学习

  • PyQt5是Digia的一套Qt5应用框架与python的结合，同时支持2.x和3.x。Qt库由Riverbank Computing开发，是最强大的GUI库之一。PyQt5是由一系列Python模块组成，超过620个类，6000函数和方法。能在Unix、Windows和Mac OS等主流操作系统上运行。

编写一个基本的GUI程序

预实现功能：输入两个数字，点击按钮，程序执行加法并输出。

导入相关包

import sys
from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtCore import *

创建子类作为应用的主要窗体

class test(QWidget):
    def __init__(self):
        super().__init__()
        self.setWindowTitle("test")
        self.show()
        self.resize(800,400)
        self.setMinimumSize(800,400)

写main函数

保证窗体的运行，即首先创建app、创建主窗口、循环执行保证窗体一直运行

if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = test()
    ex.show()
    sys.exit(app.exec_())

开始写组件：

一个按钮、三个文本框、两个字符（加号与等号）

self.addbtn = QPushButton("开始计算")

self.fistnum = QTextEdit()

self.add = QLabel('+')

self.secondnum = QTextEdit()

self.equal = QLabel('=')

self.equalnum = QTextEdit()

设计布局：

pyqt5有很多种布局方式，比如网格布局、表单布局、框布局等，这里使用框布局，也就是主要两个方法，分别是QHBoxLayout以及QVBoxLayout，它们分布进行水平布局管理以及垂直布局管理。

进行页面简单布局设计，分别对应上一步的组件

image-20220501134437615

开始布局：

三个管理布局的组件，两个水平的、一个垂直的，如下图，其中上面的蓝框就放上一步图中的上面部分，下面的蓝框就保证开始计算按钮，最后是绿色管理两个蓝框内容。

image-20220501134701594

代码实现

并将组件注入到布局管理中，组件就是上面写的内容

alllayout = QVBoxLayout()
vlayout = QHBoxLayout()
vlayout2 = QHBoxLayout()

vlayout.addWidget(self.addbtn)
vlayout.addWidget(self.addbtn2)
vlayout2.addWidget(self.fistnum)
vlayout2.addWidget(self.add)
vlayout2.addWidget(self.secondnum)
vlayout2.addWidget(self.equal)
vlayout2.addWidget(self.equalnum)

alllayout.addLayout(vlayout)
alllayout.addLayout(vlayout2)

self.setLayout(alllayout)

到这里就完成了整个窗体的创建，然后进行一些样式的调整，最后效果与核心代码如下:

image-20220501135546729 
alllayout = QVBoxLayout()
vlayout = QHBoxLayout()
vlayout2 = QHBoxLayout()

self.addbtn = QPushButton("开始计算")
self.addbtn.setFixedHeight(66)
self.addbtn.setStyleSheet("font-size:36px;")

self.fistnum = QTextEdit()
self.fistnum.setFixedHeight(80)
self.fistnum.setStyleSheet("font-size:60px;")

self.add = QLabel('+')
self.add.setStyleSheet("font-size:52px;")

self.secondnum = QTextEdit()
self.secondnum.setFixedHeight(80)
self.secondnum.setStyleSheet("font-size:60px;")

self.equal = QLabel('=')
self.equal.setStyleSheet("font-size:52px;")

self.equalnum = QTextEdit()
self.equalnum.setReadOnly(True)
self.equalnum.setFixedHeight(80)
self.equalnum.setStyleSheet("font-size:60px;")


vlayout.addWidget(self.addbtn)
vlayout2.addWidget(self.fistnum)
vlayout2.addWidget(self.add)
vlayout2.addWidget(self.secondnum)
vlayout2.addWidget(self.equal)
vlayout2.addWidget(self.equalnum)

alllayout.addLayout(vlayout2)
alllayout.addLayout(vlayout)

self.setLayout(alllayout)

添加事件完成核心功能——计算

理清要完成什么：获取到输入框的值、进行计算、输出到等号框后面

理清楚了就开始写函数：

def startaddstr(self):
    self.equalnum.clear()
    fistnum = self.fistnum.toPlainText()
    secondnum = self.secondnum.toPlainText()
    self.equalnum.append(fistnum+secondnum)

开始测试与完善

会发现有问题，那就是计算的是字符串之间的计算，所以要进行类型转换，进行调整与测试得到最终结果。

完整代码如下：

# -*- coding: utf-8 -*-
# @Time : 2022/5/1 11:52
# @Author : MinChess
# @File : test2.py
# @Software: PyCharm 
import sys
from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtCore import *


class test(QWidget):

    def __init__(self):
        super().__init__()
        self.setWindowTitle("test")
        self.show()
        self.resize(800,400)
        self.setMinimumSize(800,400)


        alllayout = QVBoxLayout()
        vlayout = QHBoxLayout()
        vlayout2 = QHBoxLayout()

        self.addbtn = QPushButton("字符串计算")
        self.addbtn.setFixedHeight(66)
        self.addbtn.clicked.connect(self.startaddstr)
        self.addbtn.setStyleSheet("font-size:36px;")

        self.addbtn2 = QPushButton("数值计算")
        self.addbtn2.setFixedHeight(66)
        self.addbtn2.clicked.connect(self.startadd)
        self.addbtn2.setStyleSheet("font-size:36px;")

        self.fistnum = QTextEdit()
        self.fistnum.setFixedHeight(80)
        self.fistnum.setStyleSheet("font-size:60px;")

        self.add = QLabel('+')
        self.add.setStyleSheet("font-size:52px;")

        self.secondnum = QTextEdit()
        self.secondnum.setFixedHeight(80)
        self.secondnum.setStyleSheet("font-size:60px;")

        self.equal = QLabel('=')
        self.equal.setStyleSheet("font-size:52px;")

        self.equalnum = QTextEdit()
        self.equalnum.setReadOnly(True)
        self.equalnum.setFixedHeight(80)
        self.equalnum.setStyleSheet("font-size:60px;")


        vlayout.addWidget(self.addbtn)
        vlayout.addWidget(self.addbtn2)
        vlayout2.addWidget(self.fistnum)
        vlayout2.addWidget(self.add)
        vlayout2.addWidget(self.secondnum)
        vlayout2.addWidget(self.equal)
        vlayout2.addWidget(self.equalnum)

        alllayout.addLayout(vlayout2)
        alllayout.addLayout(vlayout)

        self.setLayout(alllayout)


    def startaddstr(self):
        self.equalnum.clear()
        fistnum = self.fistnum.toPlainText()
        secondnum = self.secondnum.toPlainText()
        self.equalnum.append(fistnum+secondnum)

    def startadd(self):
        self.equalnum.clear()
        fistnum = float(self.fistnum.toPlainText())
        secondnum = float(self.secondnum.toPlainText())
        self.equalnum.append(str(fistnum+secondnum))


if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = test()
    ex.show()
    sys.exit(app.exec_())
  • 至此就完成了一个GUI程序的编写