大家好，我是痞子衡，是正經搞技術的痞子。今天痞子衡給大家介紹的是串口調試工具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 wx
import sys, os
import win

class 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(u"JaysPyCOM v0.1.0")
main_win.Show()

app.MainLoop()

　　main.py里并沒有實現具體功能，只有一個hello world打印的效果，此處只是演示界面已經創建成功，界面運行效果如下：

　　至此，串口調試工具pzh-py-com誕生之界面構建痞子衡便介紹完畢了，掌聲在哪里~~~

總結

以上是生活随笔為你收集整理的8266串口调试助手_200行Python代码实现串口调试助手(2) 界面构建的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。