侧边栏壁纸
  • 累计撰写 71 篇文章
  • 累计创建 59 个标签
  • 累计收到 110 条评论

目 录CONTENT

文章目录

Python实现简单GUI程序

MinChess
2022-04-29 / 0 评论 / 0 点赞 / 435 阅读 / 1,214 字 / 正在检测是否收录...
  • Python有很多GUI库,如CSDN博主Python 学习者整理的13个库:http://t.csdn.cn/304jk

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

  • PyQt5Digia的一套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程序的编写
0

评论区