前言
本節我們使用PyQt5的Designer.exe設計項目UI界面，Designer.exe一個極大的好處就是可以隨意拖動控件佈局，輕鬆實現界面設計。
一、實例
1. QT Designer設計UI
打開designer.exe,使用默認的Main Window創建，直接點擊Create按鈕即可。
設計Main Window主頁面如下，菜單欄中菜單分別為編輯、顯示、工具、幫助，狀態欄默認在最下方，可以在下方右鍵選擇Remove Status Bar刪除。
其中Combox主要用來串口配置信息，設計方式如下：
Radio Button組件用來供用戶選擇ASCII還是HEX方式處理數據，設計如下：
check Box用來設置工具配置信息，具體設計如下：
Spin box用來選擇實現一個撥碼效果切換重複發送時間，設計方法如下
串口信息顯示和輸入使用textBrowser，設計方式如下：
groud Box可以按組分類設計，拖動時候內部控件跟隨著groud Box拖動，設計如下：
菜單欄實現也比較簡單，方法如下：
toolBar實現稍微複雜點，需要首先右鍵選擇Add tool Bar，然後再Designer右下方的Action Editor工具欄設計Action，然後將Action拖到toolBar即可，具體設計方法，參考"PyQt5快速上手基礎篇8-菜單欄、工具欄和狀態欄"。
2 將*.ui轉換為ui_uart_tool.py
進入run.py目錄，輸入如下命令：
pyuic5 -o ui_uart_tool.py uart_tool.ui
3 編寫python程序
# encoding=utf-8
import sys
import PyQt5.QtWidgets as qw
import ui_uart_tool
num = 0
if __name__ == "__main__":
app = qw.QApplication(sys.argv)
w = qw.QMainWindow()
ui = ui_uart_tool.Ui_MainWindow()
ui.setupUi(w) w.show()
sys.exit(app.exec_())
上述程序啟動時候將會調用QDesigner設計好的UI界面。
二、運行
進入文件目錄，輸入python3 run.py,即可彈出上述用QT Designer設計出來的MainWindow頁面。
由此可知，我們已經可以成功顯示QDesigner設計的界面了。
三、結語
(1)窗口布局
其實QDesigner支持佈局管理器，本文是直接手動拖動，簡單粗暴，不過整體外觀也不太差，哈哈，終於擺脫寫代碼佈局的悲慘命運！
(2)獲取資料
github倉庫地址：https://github.com/solitary-sand/pyqt5/
寄語：一沙一世界，一葉一菩提
閱讀更多 一葉孤沙 的文章
