漫谈PyQt5之计算器UI制作|项目复盘

·  阅读 549
漫谈PyQt5之计算器UI制作|项目复盘

作者:看那个码农

公众号:看那个码农

1.项目介绍

在前面的文章中,我们对PyQt的Qt Designer有了基本的学习,

今天的文章里,我们将介绍如何通过Qt Designer来设计一个计算整数的计算器。

对于用过Qt Designer的人来说可以迅速地掌握PyQt5与Qt Designer的配合使用的方法,对于初学者尽快掌握PyQt5的编程有很大的帮助。

计算器小程序效果图:

image.png

2.项目配置

  • Pycharm
  • Python3.x

3.开发流程

1.在Pycharm中打开Qt designer,

如下所示:

image.png

因为设计的界面用不到菜单栏,所以此处的窗口选择Widget。创建的Widget窗口没有菜单栏。

image.png

2.在Qt designer中设计好计算器UI界面,

image.png

3.修改各个控件的objectname,将它们改为统一的格式,

如按钮“1”的objectname如下所示

image.png

按照此命名格式,依次修改其它控件的objectname。

4.在Pycharm中将calculator.ui文件转为calculator.py文件

image.png

5.创建runcal.py文件

创建runcal.py文件的目的,是为了让calculator.ui里面的每一个控件有它们自己的功能。让这些控件可以实现相应函数功能,而不是做一个摆设。即让这些窗口中的控件实现信号与槽机制。

runcal.py的代码如下所示

from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *
from calculator import Ui_Form
import os,sys

global e_view


class MyMainWindow(Ui_Form, QWidget):

    def forge_link(self):
        self.b_0.clicked.connect(self.button_event(0))
        self.b_1.clicked.connect(self.button_event(1))
        self.b_2.clicked.connect(self.button_event(2))
        self.b_3.clicked.connect(self.button_event(3))
        self.b_4.clicked.connect(self.button_event(4))
        self.b_5.clicked.connect(self.button_event(5))
        self.b_6.clicked.connect(self.button_event(6))
        self.b_7.clicked.connect(self.button_event(7))
        self.b_8.clicked.connect(self.button_event(8))
        self.b_9.clicked.connect(self.button_event(9))
        self.b_add.clicked.connect(self.button_event('+'))
        self.b_sub.clicked.connect(self.button_event('-'))
        self.b_mul.clicked.connect(self.button_event('*'))
        self.b_div.clicked.connect(self.button_event('/'))
        self.b_pow.clicked.connect(self.button_event('**'))
        self.b_bra_l.clicked.connect(self.button_event('('))
        self.b_bra_r.clicked.connect(self.button_event(')'))
        self.b_mod.clicked.connect(self.button_event('%'))
        self.b_pai.clicked.connect(self.button_event('3.1415926'))
        self.b_pt.clicked.connect(self.button_event('.'))
        self.b_del.clicked.connect(self.delete_event)
        self.b_clc.clicked.connect(self.clear_event)
        self.b_eq.clicked.connect(self.calc_complish)

    def __init__(self, parent=None):
        super(MyMainWindow, self).__init__(parent)
        self.setupUi(self)
        self.setWindowTitle('计算器')
        self.forge_link()   #连接槽函数

    def button_event(self,arg):
        # print(dir(self.e_view))
        global e_view
        e_view=self.e_view
        def fun():      #返回一个自定义的槽函数
            global e_view
            txt = e_view.toPlainText()
            e_view.setText(txt + str(arg))
        return fun

    def calc_complish(self):
        txt=self.e_view.toPlainText()
        ans=''
        try:
            ans=str(eval(txt))
        except BaseException:
            ans='MathError'
        # print(ans)
        self.clear_event()
        self.e_view.setText(ans)
        self.l_hist.addItem(txt+'='+ans)

    def clear_event(self):
        self.e_view.setText('')

    def delete_event(self):
        txt = self.e_view.toPlainText()
        txt=txt[:len(txt)-1]
        self.e_view.setText(txt)

if __name__ == '__main__':
    app=QApplication(sys.argv)
    myWin=MyMainWindow()
    myWin.show()
    sys.exit(app.exec())
复制代码

如以下代码是实现界面的信号与槽机制,即将界面每一个按钮信号与相应槽函数进行匹配。

        self.b_0.clicked.connect(self.button_event(0))
        self.b_1.clicked.connect(self.button_event(1))
        self.b_2.clicked.connect(self.button_event(2))
        self.b_3.clicked.connect(self.button_event(3))
        self.b_4.clicked.connect(self.button_event(4))
        self.b_5.clicked.connect(self.button_event(5))
        self.b_6.clicked.connect(self.button_event(6))
        self.b_7.clicked.connect(self.button_event(7))
        self.b_8.clicked.connect(self.button_event(8))
        self.b_9.clicked.connect(self.button_event(9))
        self.b_add.clicked.connect(self.button_event('+'))
        self.b_sub.clicked.connect(self.button_event('-'))
        self.b_mul.clicked.connect(self.button_event('*'))
        self.b_div.clicked.connect(self.button_event('/'))
        self.b_pow.clicked.connect(self.button_event('**'))
        self.b_bra_l.clicked.connect(self.button_event('('))
        self.b_bra_r.clicked.connect(self.button_event(')'))
        self.b_mod.clicked.connect(self.button_event('%'))
        self.b_pai.clicked.connect(self.button_event('3.1415926'))
        self.b_pt.clicked.connect(self.button_event('.'))
        self.b_del.clicked.connect(self.delete_event)
        self.b_clc.clicked.connect(self.clear_event)
        self.b_eq.clicked.connect(self.calc_complish)
复制代码

这个程序最核心的部分就是如下槽函数体部分,当各个按钮的信号发送过来的时候。系统对信号进行反应,如按了“1”按钮,系统则会显示1在界面上,按了“+”按钮,系统则会进行相加操作。

def button_event(self,arg):
        global e_view
        e_view=self.e_view
        def fun():      #返回一个自定义的槽函数
            global e_view
            txt = e_view.toPlainText()
            e_view.setText(txt + str(arg))
        return fun
复制代码

6.运行runcal.py文件

程序运行结果如下

image.png

4.项目思考总结

设计一个计算器对于初始学习PyQt5的人有很大的好处,里面涉及到各种功能的运用,界面的设计,内容比较详细。可以将所学的基础知识由理论走向了实际,并进行融汇贯通。对于初学者尽快掌握PyQt5的编程有很大的帮助。

如果你觉得这篇内容对你有帮助的话:

1、点赞支持下吧,让更多的人也能看到这篇内容

2、关注公众号:看那个码农,我们一起学习一起进步。

本文正在参与「掘金 2021 春招闯关活动」, 点击查看 活动详情

分类:
代码人生
标签:
收藏成功!
已添加到「」, 点击更改