一款软件的 UI 界面相当关键,它属于软件同用户交互的接口之处, 软件功能就算极其强大无比, 然而要是不存在清晰型的 UI 界面, 那就没法将软件功能施展出来, 如此便会致使用户感受不到软件的优势所在。而就在当下里。痞子衡给大家讲一讲 pzh-py-com 的界面构建历程。一、界面设计简图在确凿踏入代码设计 pzh - py - com 界域之前, 首先得于纸张之上绘制一幅界面草图, 要明确 pzh - py - com 界面应由哪些元素所构成, 这些元素又各自地处界面上啥位置。下面是痞子衡所绘的 pzh - py - com 的界面简图, 界面大致涵盖三大部分: 接收区、配置区、发送区, 接收区用以展现从串口接收到的数据配置区用来配置串口参数发送区用于编纂要从串口发送出去的数据。二、界面设计 组件图鉴于有了 pzh-py-com 的界面设计简图予以指导, 紧接着的下一部, 要把设计简图解析成为如下这般的组件图, 还要将简图之中的元素转变成为里面实实在在存在的组件, 而这一步骤需要协同配合去查阅相关手册, 以此来弄清楚究竟有哪些组件。需要特别提醒的是有一个地方, 那里的控件是按照从左到右再自上而下的顺序排列的, 有时为了排版, 会特意插入一些无效的来占位, 在下图中便使用了4个占位的用浅色框表示。三、在 里创作具备了 pzh - py - com 的界面设计组件图之后, 便可依据其在此以同样的样式创作出 pzh - py - com 的真实界面。对于其使用可参照痞子衡另一篇文章极易上手的可视化 GUI 构建工具()。四、使用生成的 代码把生成出来的代码, 保存成名为 win.py 的文件, 这里说到的 Frame class 有个特定名称, 之后将该文件存于 \pzh - py - com\src 这个目录下, 在这个时候, 要另外去新建一个叫作 main 的主函数文件, 并且把它放置在 \pzh - py - com\src 这个目录里面。这里 main 文件所包含的具体内容是这样的:wxsys, oswinclass (_win):函数定义为, 对于自身, 当有事件时, 该事件进行跳过执行。def ( self, event ): event.Skipdef ( self, event ): event.Skipdef ( self, event ):self..Clearself..(hello world)if : app wx.App (None).(u v0.1.0).Showapp.main.py当中并没有将具体功能给实现出来, 只是有着一个打印hello world 的效果存在, 这里仅仅是对界面已经创建成功进行演示, 界面 的运行效果是这样的:至此, 名叫pzh-py-com的串口调试工具界面构建事项, 自痞子衡这里的介绍, 便算是结束了, 掌声究竟会在哪里出现呢~~~