![]() 本篇推文共计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): 这个程序最核心的部分就是如下槽函数体部分,当各个按钮的信号发送过来的时候。系统对信号进行反应,如按了“1”按钮,系统则会显示1在界面上,按了“+”按钮,系统则会进行相加操作。 def button_event(self,arg): 6 整个程序运行起来如下所示: 以上就是今天介绍的计算器小程序的设计流程 你学会了吗? ![]() 看完本文如有任何疑问,可发送疑问至后台,工作人员看到后会第一时间为你解决。如需要本文中涉及的代码文件,可关注本公众号,回复“计算器”即可获得下载链接。 END ![]() 图片|网络 编辑|一个码农 ![]() ![]() 你与世界 只差一个 公众号 喜欢本文的话麻烦你点个“关注”加“在看” 觉得写得不错的话可以点击下方“喜欢作者” 你的支持是我不断前行的动力 ---------------------------------------------------------------------------------------------------------------------- 我们尊重原创,也注重分享,文章来源于微信公众号:看那个码农,建议关注公众号查看原文。如若侵权请联系qter@qter.org。 ---------------------------------------------------------------------------------------------------------------------- |