大家好, 我是痞子衡, 是正经搞技术的痞子. 今天痞子衡给大家介绍的是语音处理工具 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 诞生之界面构建痞子衡便介绍完毕了, 掌声在哪里~~~
来源: https://www.cnblogs.com/henjay724/p/12241024.html