PyQt十讲 | 零基础教你做一个计算器

2019-9-16 05:33| 发布者: admin| 查看: 1391| 评论: 0

摘要: 本篇推文共计1000个字，阅读时间约1分钟。设计一个计算器对于初始学习PyQt5的人有很大的好处，里面涉及到各种功能的运用，界面的设计，内容比较详细。在前面的学习中，我们对PyQt的Qt Designer有了基本的学习，并且 ...

本篇推文共计1000个字，阅读时间约1分钟。

设计一个计算器对于初始学习PyQt5的人有很大的好处，里面涉及到各种功能的运用，界面的设计，内容比较详细。

在前面的学习中，我们对PyQt的Qt Designer有了基本的学习，并且结合几篇推文所讲的内容制作了一个猜谜游戏。将所学的知识由理论走向了实际，并进行了融汇贯通。

今天的推文里，我们将介绍如何通过Qt Designer来设计一个计算整数的计算器。对于用过Qt Designer的人来说可以迅速地掌握PyQt5与Qt Designer的配合使用的方法，对于初学者尽快掌握PyQt5的编程有很大的帮助。

计算器小程序效果图：

开发工具准备

1.Pycharm 2019.1.3社区版

2.Anaconda(Python 3.6.0,PyQt5)

开发流程

1

在Pycharm中打开Qt designer,如下所示：

在Tool工具选取

Tool->External Tools->Qt Design

即可打开Qt Designer

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

2

从工具栏区域选择拖动1个textEdit控件，1个List Widget控件，23个pushButton控件至设计窗口处。

双击pushButton控件，

将其内容改为如下所示内容：

修改各个控件的objectname,将它们改为统一的格式，如按钮“1”的objectname如下所示：

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

3

对每行的按钮控件进行水平布局，每行按钮控件水平布局之后，再进行垂直布局，

如下所示，先对每行进行水平布局：

对水平布局好了的5个小模块，再进行垂直布局。

如下所示：

将布局之后的按钮控件区域分别与文本控件进行水平和垂直布局，如下所示：

将文件另存为，文件名命名为calculator

如下所示:

4

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

如下所示：

5

新建一个runcal.py文件，程序截图如下：

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

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

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))

这个程序最核心的部分就是如下槽函数体部分，当各个按钮的信号发送过来的时候。系统对信号进行反应，如按了“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

整个程序运行起来如下所示：

以上就是今天介绍的计算器小程序的设计流程

你学会了吗？

看完本文如有任何疑问，可发送疑问至后台，工作人员看到后会第一时间为你解决。如需要本文中涉及的代码文件，可关注本公众号，回复“计算器”即可获得下载链接。

END

图片|网络

编辑|一个码农

你与世界

只差一个

公众号

喜欢本文的话麻烦你点个“关注”加“在看”

觉得写得不错的话可以点击下方“喜欢作者”

你的支持是我不断前行的动力

----------------------------------------------------------------------------------------------------------------------
我们尊重原创，也注重分享，文章来源于微信公众号：看那个码农，建议关注公众号查看原文。如若侵权请联系qter@qter.org。
----------------------------------------------------------------------------------------------------------------------

鲜花

1人点赞握手

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

辣鸡腿

收藏分享邀请

帐号		自动登录	找回密码
密码			立即注册

账号		自动登录	找回密码
密码			立即注册