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


一、寫在前面

  說道程序員,你會想到什么呢?有人認為程序員象征着高薪,有人認為程序員都是死肥宅,還有人想到的則是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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM