一、寫在前面
說道程序員，你會想到什么呢？有人認為程序員象征著高薪，有人認為程序員都是死肥宅，還有人想到的則是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！
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
