Python學習之旅：用Python製作一個打字訓練小工具

2019 年 10 月 3 日
筆記

一、寫在前面

　　說道程序員，你會想到什麼呢？有人認為程序員象徵著高薪，有人認為程序員都是死肥宅，還有人想到的則是996和 ICU。

　　別人眼中的程序員：飛快的敲擊鍵盤、酷炫的切換屏幕、各種看不懂的字符代碼。

　　然而現實中的程序員呢？對於很多程序員來說，沒有百度和 Google 解決不了的問題，也沒有 ctrl + c 和 ctrl + v 實現不了的功能。

　　那麼身為一個程序員，要怎麼讓自己看起來更加“專業”呢？答案就是加快自己的打字速度了，敲的代碼可能是錯的，但這個13卻是必須裝的！

　　然而還是有不少人打字不那麼快的，可能就需要訓練下了，但是既然身為程序員，為何不自己寫一個訓練打字的小工具出來呢？

二、基本思路

　　使用 PyQT5 開發 GUI，實現顯示句子並讓用戶輸入，然後將輸入的內容和給出的句子進行比對，同時記錄所用的時間，最後將正確率輸出來。為了能夠持續打字輸入，還需要做一個“下一句”的功能。在實現了這兩個基本的功能後，一個簡單的打字訓練小工具就做出來了。

三、界面設計

1.環境配置

　　PyQT5 的開發環境配置在上一篇博客中已經說過了，因而這裡不再贅述，如果不清楚的可以點這裡查看。

2.界面設計

　　要進行界面設計，得先打開 QtDesigner，然後新建項目，選擇 Widget：

　　然後就往裏面拖控件就好了，這還是很方便的，主要用的控件包括 Label、Text Edit、Push Button等，雙擊控件之後可以在右側修改控件的各種屬性。最終設計出的界面如下：

3.生成 Python 代碼

　　在設計完界面之後，將生成的結果保存下來，會得到一個 .ui 為後綴的文件。這個文件我們還是無法直接使用的，需要轉變成 Python 代碼才行。此時就需要使用 pyuic5 命令了，不懂的可以點這裡查看我的上篇博客。

四、槽函數

1.槽函數簡介

　　要進行功能設計，就得先知道槽函數。槽是普通的 C++ 成員函數，槽在 Qt 開發軟件中是一個很重要的概念，在 Qt 里與信號連接的就是槽，我們一般稱之為槽函數。

　　在使用信號的時候，有四個參數：

　　1）sender：發出信號的對象；

　　2）signal：發送對象發出的信號；

　　3）receiver：接收信號的對象；

　　4）slot：接收對象在接收到信號之後所需要調用的函數（槽函數）。

2.使用方法

（1）第一種方法

　　第一步，在 QtDesigner 中點擊 “Edit Signals/Slots”，然後左鍵點擊按鈕後將鼠標拖到另一個 Label 上：

　　第二步，在彈出的設置框中選擇具體的方法及功能。

　　這樣做很簡單，但是也有缺陷，問題在於不能自定義方法，只能使用給定的方法。

（2）第二種方法

　　在右下角找到 “Signal/Slot Editor” 並點擊，然後就可以點擊 “+” 創建信號了。

　　這種方法能夠讓我們自定義了，但是也不算方便，尤其是當你不知道具體要實現什麼方法的時候。

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

六、運行結果

　　最終運行結果的截圖如下：

　　提交之後還可以點擊下一句繼續訓練：

　　完整代碼已上傳到 GitHub！