一款軟件的 UI 界面相當(dāng)關(guān)鍵,它屬于軟件同用戶交互的接口之處, 軟件功能就算極其強(qiáng)大無比, 然而要是不存在清晰型的 UI 界面, 那就沒法將軟件功能施展出來, 如此便會(huì)致使用戶感受不到軟件的優(yōu)勢(shì)所在。而就在當(dāng)下里。痞子衡給大家講一講 pzh-py-com 的界面構(gòu)建歷程。一、界面設(shè)計(jì)簡(jiǎn)圖在確鑿踏入代碼設(shè)計(jì) pzh - py - com 界域之前, 首先得于紙張之上繪制一幅界面草圖, 要明確 pzh - py - com 界面應(yīng)由哪些元素所構(gòu)成, 這些元素又各自地處界面上啥位置。下面是痞子衡所繪的 pzh - py - com 的界面簡(jiǎn)圖, 界面大致涵蓋三大部分: 接收區(qū)、配置區(qū)、發(fā)送區(qū), 接收區(qū)用以展現(xiàn)從串口接收到的數(shù)據(jù)配置區(qū)用來配置串口參數(shù)發(fā)送區(qū)用于編纂要從串口發(fā)送出去的數(shù)據(jù)。二、界面設(shè)計(jì) 組件圖鑒于有了 pzh-py-com 的界面設(shè)計(jì)簡(jiǎn)圖予以指導(dǎo), 緊接著的下一部, 要把設(shè)計(jì)簡(jiǎn)圖解析成為如下這般的組件圖, 還要將簡(jiǎn)圖之中的元素轉(zhuǎn)變成為里面實(shí)實(shí)在在存在的組件, 而這一步驟需要協(xié)同配合去查閱相關(guān)手冊(cè), 以此來弄清楚究竟有哪些組件。需要特別提醒的是有一個(gè)地方, 那里的控件是按照從左到右再自上而下的順序排列的, 有時(shí)為了排版, 會(huì)特意插入一些無效的來占位, 在下圖中便使用了4個(gè)占位的用淺色框表示。三、在 里創(chuàng)作具備了 pzh - py - com 的界面設(shè)計(jì)組件圖之后, 便可依據(jù)其在此以同樣的樣式創(chuàng)作出 pzh - py - com 的真實(shí)界面。對(duì)于其使用可參照痞子衡另一篇文章極易上手的可視化 GUI 構(gòu)建工具()。四、使用生成的 代碼把生成出來的代碼, 保存成名為 win.py 的文件, 這里說到的 Frame class 有個(gè)特定名稱, 之后將該文件存于 \pzh - py - com\src 這個(gè)目錄下, 在這個(gè)時(shí)候, 要另外去新建一個(gè)叫作 main 的主函數(shù)文件, 并且把它放置在 \pzh - py - com\src 這個(gè)目錄里面。這里 main 文件所包含的具體內(nèi)容是這樣的:wxsys, oswinclass (_win):函數(shù)定義為, 對(duì)于自身, 當(dāng)有事件時(shí), 該事件進(jìn)行跳過執(zhí)行。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當(dāng)中并沒有將具體功能給實(shí)現(xiàn)出來, 只是有著一個(gè)打印hello world 的效果存在, 這里僅僅是對(duì)界面已經(jīng)創(chuàng)建成功進(jìn)行演示, 界面 的運(yùn)行效果是這樣的:至此, 名叫pzh-py-com的串口調(diào)試工具界面構(gòu)建事項(xiàng), 自痞子衡這里的介紹, 便算是結(jié)束了, 掌聲究竟會(huì)在哪里出現(xiàn)呢~~~