前文
本文概述
Designer.exe, Pyuic5.exe
一、 Designer
Qt Designer，即Qt設計師，是一個強大，靈活的可視化GUI設計工具，可以幫助我們加快開發(fā)PyQt程序的速度。Qt Designer是專門用來制作PyQt程序中UI界面的工具。
Qt Designer符合MVC(模型-視圖-控制器)設計模式，做到了顯示和業(yè)務邏輯的分離。
Qt Designer具有以下優(yōu)點：
- 使用簡單， 通過拖拽和電機就可以完成復雜的界面設計，而且還可以隨時預覽查看效果圖。
- 轉(zhuǎn)換Python文件方便。Qt Designer可以將設計好的用戶界面保存為
.ui文件，其實是XML格式的文本文件。為了在PyQt中使用.ui文件，可以通過pyuic5命令將.ui文件轉(zhuǎn)換為.py文件。
工具路徑：
找到我們Python三方庫的目錄。
*\python380\Lib\site-packages因為使用pip安裝一般都會安裝最新版本的PyQt5, 不同版本的PyQt中Designer的路徑可能不同，當前我的PyQt(v5.15.2)中，designer.exe存在于目錄
\qt5_applications\Qt\bin-
為了更加方便的使用designer, 可以將其添加到環(huán)境變量或者Pycharm的External Tools中。
-
添加到環(huán)境變量：
選擇此電腦/計算機單擊鼠標右鍵->屬性->高級系統(tǒng)設置->環(huán)境變量->系統(tǒng)環(huán)境變量Path.
在Path里面追加designer.exe的路徑，保存退出。cmd輸入path查看環(huán)境變量是否添加成功。
image.png -
Pycharm添加External Tools:
進入Pycharm->File->Settings->Tools->External Tools->添加按鈕
可以看到有幾個參數(shù)"Name","Description","Program","Arguments","Working directory"。"Name"：即我們給工具填寫的名稱，可以取任意名稱
"Program"：即程序，選中
Designer.exe即可"Working directory"：即工作目錄，默認是程序目錄，推薦修改為我們的文件目錄
$FileDir$"Description"：即描述，可寫可不寫
"Arguments": 即參數(shù)，designer可以直接使用，不需要參數(shù)，因此可以不寫.
其中我們所必須填入的是三個參數(shù)"Name","Program"以及"Working directory"
-
保存即可
image.png
-
使用方法：
- cmd直接輸入designer就可以啟動。
- pycharm菜單欄Tools->External Tools->designer調(diào)用啟動。
Designer界面介紹
打開designer.exe之后會自動彈出"新建窗體"的對話框。在模板選項中，最常用的就是Widget(通用窗口)和Main Window(主窗口)。 在PyQt5中Widget被分離出來，用來替代Dialog，并將Widget放入了QtWidget模塊庫中。
模板選擇"Mian Window"創(chuàng)建一個主窗口，保存并命名為firstWindow.ui
如圖所示主窗口默認添加了菜單欄，工具欄和狀態(tài)欄。
將整個界面劃分為5個區(qū)域。如下：
分別是
1 - Widget Box(工具箱)
WidgetBox中提供了很多控件，每個控件都有自己的名稱，提供不同的功能。可以直接拖放到主窗口,在菜單欄->窗體->預覽 或者 Ctrl+R 可以預覽效果。
2 - MainWindow(主窗口)
主窗口用來展示UI界面的布局，可以任意編輯。
3 - 對象查看器
對象查看器可以查看主窗口中放置的對象列表
4 - 屬性編輯器
屬性編輯器提供了對窗口，控件，布局的屬性編輯功能
5 - 信號/槽編輯器
用來編輯信號/槽以及動作，和資源瀏覽器
我們可以拖入一個pushButton(按鈕)到主窗口，雙擊按鈕重命名為"關閉"，之后保存。
二、 Pyuic5
查看UI文件
采用Qt Designer工具設計的界面文件默認為.ui文件，描述了窗口中控件的屬性列表和布局顯示，.ui 文件里面包含的內(nèi)容是按照XML(可擴展標記語言)格式處理的?？梢灾苯邮褂胣otepad打開文件。
其中可以看到我們之前添加的一個按鈕"關閉"
轉(zhuǎn)換文件格式
很明顯.ui文件并不是python可以直接引用的文件，因此我們需要使用到pyuic5.exe工具.將其轉(zhuǎn)換為.py文件。
PyQt5安裝好之后，pyuic5工具默認安裝在*\python380\Scripts。是的，這個路徑和我們的pip工具在同一個路徑下，這意味著我們可以不用添加環(huán)境變量就可以去使用它。
我們可以在命令行中輸入pyuic5 --help，其中有一個-o的參數(shù)，提示write generated code to FILE instead of stdout， 將生成的代碼寫入文件而不是標準輸出。
我們轉(zhuǎn)換格式需要的就是這個參數(shù)。因此在命令行輸入
>> pyuic5 -o firstWindow.py firstWindow.ui
之后在目錄下就會生成一個firstWindow.py的文件，打開看一下，里面已經(jīng)替我們寫好了UI類的代碼了。
我們之后直接調(diào)用它就可以使用了。
以上就是PyQt5的Designer和pyuic5工具的簡介了。有什么疑問可以在評論中留出~~
如有侵權，請聯(lián)系刪除
