之前痞子衡设计过一个串口调试助手 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 诞生之界面构建痞子衡便介绍完毕了