大家好,我是痞子衡,是正经搞技术的痞子。今天痞子衡给大家介绍的是语音处理工具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的界面简图,界面主要包括四大部分:播放区、显示区、录制区、转换区,播放区用于选定要播放的wav文件并控制播放,显示区用于实时显示选择的wav文件波形及其播放进度,录制区用于设置音频参数并进行录制控制,转换区就是ASR(语音识别), TTS(文语转换)控制区域。
二、界面设计wxPython组件图
有了pzh-py-speech的界面设计简图指导,下一步需要将设计简图解析成如下的wxPython组件图,将简图里的元素转换成wxPython里的真实组件。这一步需要配合查阅wxPython相关手册,了解wxPython有哪些组件。
至此,语音处理工具pzh-py-speech诞生之界面构建痞子衡便介绍完毕了,掌声在哪里~~~