痞子衡嵌入式：語音處理工具pzh-speech誕生記（2）- 界面構建(wxFormBuilder3.8.0)

---

　　你們好，我是痞子衡，是正經搞技術的痞子。今天痞子衡給你們介紹的是語音處理工具pzh-py-speech誕生之界面構建。

　　以前痞子衡設計過一個串口調試助手pzh-py-com，也專門寫過一篇關於其界面構建的文章 《串口調試工具pzh-com誕生記（2）- 界面構建》，今天我們來構建pzh-py-speech的界面過程與pzh-py-com構建步驟相似，也是分四步：界面設計簡圖、界面設計wxPython組件圖、在wxFormBuilder裏創做、使用生成的Python代碼。爲了突出重點，痞子衡只講前兩步，後面的過程再也不贅述。

1、界面設計簡圖

　　在真正進入代碼設計pzh-py-speech界面前，首先應該在紙上畫一個界面草圖，肯定pzh-py-speech界面應該有哪些元素構成，這些元素分別位於界面上什麼位置。下面是痞子衡畫的pzh-py-speech的界面簡圖，界面主要包括三大部分：接收區、配置區、發送區，接收區用於顯示從串口接收到的數據；配置區用於配置串口參數；發送區用於編輯要從串口發送出去的數據。

2、界面設計wxPython組件圖

　　有了pzh-py-speech的界面設計簡圖指導，下一步須要將設計簡圖解析成以下的wxPython組件圖，將簡圖裏的元素轉換成wxPython裏的真實組件。這一步須要配合查閱wxPython相關手冊，瞭解wxPython有哪些組件。

　　至此，語音處理工具pzh-py-speech誕生之界面構建痞子衡便介紹完畢了，掌聲在哪裏~~~