Python学习之旅:用Python制作一个打字训练小工具

系统 1322 0

一、写在前面

  说道程序员,你会想到什么呢?有人认为程序员象征着高薪,有人认为程序员都是死肥宅,还有人想到的则是996和 ICU。

Python学习之旅:用Python制作一个打字训练小工具_第1张图片

  别人眼中的程序员:飞快的敲击键盘、酷炫的切换屏幕、各种看不懂的字符代码。

  然而现实中的程序员呢?对于很多程序员来说,没有百度和 Google 解决不了的问题,也没有 ctrl + c 和 ctrl + v 实现不了的功能。

    Python学习之旅:用Python制作一个打字训练小工具_第2张图片

  那么身为一个程序员,要怎么让自己看起来更加“专业”呢?答案就是加快自己的打字速度了,敲的代码可能是错的,但这个13却是必须装的!

  然而还是有不少人打字不那么快的,可能就需要训练下了,但是既然身为程序员,为何不自己写一个训练打字的小工具出来呢?

 

二、基本思路

  使用 PyQT5 开发 GUI,实现显示句子并让用户输入,然后将输入的内容和给出的句子进行比对,同时记录所用的时间,最后将正确率输出来。为了能够持续打字输入,还需要做一个“下一句”的功能。在实现了这两个基本的功能后,一个简单的打字训练小工具就做出来了。

 

三、界面设计

1.环境配置

  PyQT5 的开发环境配置在上一篇博客中已经说过了,因而这里不再赘述,如果不清楚的可以点这里查看。

2.界面设计

   要进行界面设计,得先打开 QtDesigner,然后新建项目,选择 Widget:

    Python学习之旅:用Python制作一个打字训练小工具_第3张图片

   然后就往里面拖控件就好了,这还是很方便的,主要用的控件包括 Label、Text Edit、Push Button等,双击控件之后可以在右侧修改控件的各种属性。最终设计出的界面如下:

    Python学习之旅:用Python制作一个打字训练小工具_第4张图片

3.生成 Python 代码

  在设计完界面之后,将生成的结果保存下来,会得到一个 .ui 为后缀的文件。这个文件我们还是无法直接使用的,需要转变成 Python 代码才行。此时就需要使用 pyuic5 命令了,不懂的可以点这里查看我的上篇博客。

 

四、槽函数

 1.槽函数简介

  要进行功能设计,就得先知道槽函数。槽是普通的 C++ 成员函数,槽在 Qt 开发软件中是一个很重要的概念,在 Qt 里与信号连接的就是槽,我们一般称之为槽函数。

  在使用信号的时候,有四个参数:

  1)sender:发出信号的对象;

  2)signal:发送对象发出的信号;

  3)receiver:接收信号的对象;

  4)slot:接收对象在接收到信号之后所需要调用的函数(槽函数)。

2.使用方法

(1)第一种方法

  第一步,在 QtDesigner 中点击 “Edit Signals/Slots”,然后左键点击按钮后将鼠标拖到另一个 Label 上:

Python学习之旅:用Python制作一个打字训练小工具_第5张图片

   第二步,在弹出的设置框中选择具体的方法及功能。

Python学习之旅:用Python制作一个打字训练小工具_第6张图片

   这样做很简单,但是也有缺陷,问题在于不能自定义方法,只能使用给定的方法。

(2)第二种方法

  在右下角找到 “Signal/Slot Editor” 并点击,然后就可以点击 “+” 创建信号了。

Python学习之旅:用Python制作一个打字训练小工具_第7张图片

   这种方法能够让我们自定义了,但是也不算方便,尤其是当你不知道具体要实现什么方法的时候。

(3)第三种方法

  使用 connect() 方法,传入的参数为一个方法名称。例如:

            btn.clicked.connect(func)
          

 

五、功能实现

1.继承函数

  使用 pyuic5 生成 py 文件中定义了一个 Ui_Form 类,其中包含了对各种控件的定义等,如果我们要增加其他功能,且直接在这个 py 文件中修改的话,那么之后要更新界面之类的就不会不方便了,所以最好的方法是继承 Ui_Form 类,然后在继承类中添加修改。参考代码如下:

            
               1
            
            
              import
            
            
               sys

            
            
               2
            
            
              from
            
             PyQt5 
            
              import
            
            
               QtWidgets

            
            
               3
            
            
              from
            
             typing.ui 
            
              import
            
            
               Ui_Form

            
            
               4
            
            
               5
            
            
               6
            
            
              class
            
            
               MyForm(Ui_Form, QtWidgets.QWidget):

            
            
               7
            
            
              def
            
            
              __init__
            
            
              (self):

            
            
               8
            
                     super(MyForm, self).
            
              __init__
            
            
              ()

            
            
               9
            
            
                      self.setupUi(self)

            
            
              10
            
            
              11
            
            
              12
            
            
              if
            
            
              __name__
            
             == 
            
              '
            
            
              __main__
            
            
              '
            
            
              :

            
            
              13
            
                 app =
            
               QtWidgets.QApplication(sys.argv)

            
            
              14
            
                 my_form =
            
               MyForm()

            
            
              15
            
            
                  my_form.show()

            
            
              16
            
                 sys.exit(app.exec_())
          

2.隐藏显示控件

  有时候我们可能会需要将某些控件隐藏起来,这里简单介绍几种方法。

  1)setHidden(bool)    设置控件是否隐藏;

  2)hide() 隐藏控件;

  这两种隐藏的方法会完全隐藏控件,即不保留控件所占的位置。但如果要保留位置的话,可以使用下面这种方法:

            # 将透明度设置为0,达到隐藏且保留位置的目的
            
op = QtWidgets.QGraphicsOpacityEffect()
op.setOpacity(0)
self.lable.setGraphicsEffect(op)

3.判断输入内容 

  这一功能的实现需要在点击“提交”按钮时获取输入框中的内容,再和给出的文本进行对比,最后将结果返回显示出来。

            
               1
            
            
              def
            
            
               click(self):

            
            
               2
            
            
              """
            
            
               3
            
            
                  点击按钮时调用

            
            
               4
            
            
                  :return: 

            
            
               5
            
            
              """
            
            
               6
            
            
                  self.get_time()

            
            
               7
            
                 the_input =
            
               self.textEdit.toPlainText()

            
            
               8
            
            
              #
            
            
               计算准确率
            
            
               9
            
                 count =
            
               0

            
            
              10
            
            
              for
            
             i 
            
              in
            
            
               range(len(the_input)):

            
            
              11
            
            
              if
            
             the_input[i] ==
            
               self.text[i]:

            
            
              12
            
                         count += 1

            
              13
            
                 accuracy = count / len(self.text) * 100

            
              14
            
            
              #
            
            
               print(accuracy)
            
            
              15
            
            
                  self.show_label()

            
            
              16
            
            
              #
            
            
               设置提示信息
            
            
              17
            
                 info = 
            
              "
            
            
              有点可惜,你的正确率是:  %.2f%%  
            
            
              "
            
             % accuracy 
            
              if
            
             accuracy != 100 
            
              else
            
            
              "
            
            
              恭喜你全对了呢!继续加油哦!
            
            
              "
            
            
              18
            
                 self.info_lable.setText(info)
          

  对于我这种懒人来说,点击按钮这种操作都是费力的,所以最好加入一个快捷键,这样就方便多了,可以使用如下方法设置:

            # 设置快捷键
            
self.submit_btn.setShortcut('ctrl+e')

 

六、运行结果

  最终运行结果的截图如下:

Python学习之旅:用Python制作一个打字训练小工具_第8张图片

   提交之后还可以点击下一句继续训练:

Python学习之旅:用Python制作一个打字训练小工具_第9张图片

 

完整代码已上传到 GitHub!


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论