深圳网站建设迈,知名高端网站建设服务商,北京网页设计公司兴田德润简介,网站法人与负责人大家好#xff0c;我是痞子衡#xff0c;是正经搞技术的痞子。今天痞子衡给大家介绍的是串口调试工具pzh-py-com诞生之界面构建。一个软件的UI界面是非常重要的#xff0c;这是软件与用户交互的接口#xff0c;软件功能即使再强大#xff0c;但如果没有清晰的UI界面#… 大家好我是痞子衡是正经搞技术的痞子。今天痞子衡给大家介绍的是串口调试工具pzh-py-com诞生之界面构建。 一个软件的UI界面是非常重要的这是软件与用户交互的接口软件功能即使再强大但如果没有清晰的UI界面那也发挥不出软件的功能使得用户体会不到软件的优势。今天痞子衡给大家介绍pzh-py-com的界面构建过程。一、界面设计简图 在真正进入代码设计pzh-py-com界面前首先应该在纸上画一个界面草图确定pzh-py-com界面应该有哪些元素构成这些元素分别位于界面上什么位置。下面是痞子衡画的pzh-py-com的界面简图界面主要包括三大部分接收区、配置区、发送区接收区用于显示从串口接收到的数据配置区用于配置串口参数发送区用于编辑要从串口发送出去的数据。二、界面设计wxPython组件图 有了pzh-py-com的界面设计简图指导下一步需要将设计简图解析成如下的wxPython组件图将简图里的元素转换成wxPython里的真实组件。这一步需要配合查阅wxPython相关手册了解wxPython有哪些组件。 有一个地方需要特别提醒的是wxWrapSizer里的控件是从左到右自上而下排列的有的时候为了排版会故意插入一些无效的wxStaticText来占位下图中便用了4个占位的wxStaticText(浅色框表示)。三、在wxFormBuilder里创作 有了pzh-py-com的界面设计wxPython组件图下面便可以在wxFormBuilder里照样子创作出pzh-py-com的真正界面了。关于wxFormBuilder的使用可参考痞子衡另一篇文章 极易上手的可视化wxPython GUI构建工具(wxFormBuilder)。四、使用生成的Python代码 将wxFormBuilder生成的python代码保存为win.py文件(其中Frame class名为com_win)并存放于\pzh-py-com\src目录下此时需要另外新建一个名为main的主函数文件并放在\pzh-py-com\src目录下。其中main文件内容如下import wximport sys, osimport winclass mainWin(win.com_win):def clearRecvDisplay( self, event ): event.Skip()def openClosePort( self, event ): event.Skip()def clearSendDisplay( self, event ): event.Skip()def sendData( self, event ): self.m_textCtrl_recv.Clear() self.m_textCtrl_recv.SetValue(hello world)if __name__ __main__: app wx.App() main_win mainWin(None) main_win.SetTitle(uJaysPyCOM v0.1.0) main_win.Show() app.MainLoop() main.py里并没有实现具体功能只有一个hello world打印的效果此处只是演示界面已经创建成功界面运行效果如下 至此串口调试工具pzh-py-com诞生之界面构建痞子衡便介绍完毕了掌声在哪里~~~
