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

一、界面設計簡圖

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

二、界面設計 wxPython 組件圖

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

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