痞子衡嵌入式：语音处理工具pzh-speech诞生记（2）- 界面构建(wxFormBuilder3.8.0)

---

　　大家好，我是痞子衡，是正经搞技术的痞子。今天痞子衡给大家介绍的是语音处理工具pzh-py-speech诞生之界面构建。

　　之前痞子衡设计过一个串口调试助手pzh-py-com，也专门写过一篇关于其界面构建的文章 《串口调试工具pzh-com诞生记（2）- 界面构建》，今天咱们来构建pzh-py-speech的界面过程与pzh-py-com构建步骤类似，也是分四步：界面设计简图、界面设计wxPython组件图、在wxFormBuilder里创作、使用生成的Python代码。为了突出重点，痞子衡只讲前两步，后面的过程不再赘述。

一、界面设计简图

　　在真正进入代码设计pzh-py-speech界面前，首先应该在纸上画一个界面草图，确定pzh-py-speech界面应该有哪些元素构成，这些元素分别位于界面上什么位置。下面是痞子衡画的pzh-py-speech的界面简图，界面主要包括三大部分：接收区、配置区、发送区，接收区用于显示从串口接收到的数据；配置区用于配置串口参数；发送区用于编辑要从串口发送出去的数据。

二、界面设计wxPython组件图

　　有了pzh-py-speech的界面设计简图指导，下一步需要将设计简图解析成如下的wxPython组件图，将简图里的元素转换成wxPython里的真实组件。这一步需要配合查阅wxPython相关手册，了解wxPython有哪些组件。

　　至此，语音处理工具pzh-py-speech诞生之界面构建痞子衡便介绍完毕了，掌声在哪里~~~