90
之前痞子衡設(shè)計(jì)過一個(gè)串口調(diào)試助手 pzh-py-com，也專門寫過一篇關(guān)于其界面構(gòu)建的文章 《串口調(diào)試工具 pzh-com 誕生記（2）- 界面構(gòu)建》，今天咱們來構(gòu)建 pzh-py-speech 的界面過程與 pzh-py-com 構(gòu)建步驟類似，也是分四步：界面設(shè)計(jì)簡圖、界面設(shè)計(jì) wxPython 組件圖、在 wxFormBuilder 里創(chuàng)作、使用生成的 Python 代碼。為了突出重點(diǎn)，痞子衡只講前兩步，后面的過程不再贅述。
一、界面設(shè)計(jì)簡圖
在真正進(jìn)入代碼設(shè)計(jì) pzh-py-speech 界面前，首先應(yīng)該在紙上畫一個(gè)界面草圖，確定 pzh-py-speech 界面應(yīng)該有哪些元素構(gòu)成，這些元素分別位于界面上什么位置。下面是痞子衡畫的 pzh-py-speech 的界面簡圖，界面主要包括三大部分：接收區(qū)、配置區(qū)、發(fā)送區(qū)，接收區(qū)用于顯示從串口接收到的數(shù)據(jù)；配置區(qū)用于配置串口參數(shù)；發(fā)送區(qū)用于編輯要從串口發(fā)送出去的數(shù)據(jù)。
二、界面設(shè)計(jì) wxPython 組件圖
有了 pzh-py-speech 的界面設(shè)計(jì)簡圖指導(dǎo)，下一步需要將設(shè)計(jì)簡圖解析成如下的 wxPython 組件圖，將簡圖里的元素轉(zhuǎn)換成 wxPython 里的真實(shí)組件。這一步需要配合查閱 wxPython 相關(guān)手冊，了解 wxPython 有哪些組件。
至此，語音處理工具 pzh-py-speech 誕生之界面構(gòu)建痞子衡便介紹完畢了
