前文
本文概述
Designer.exe, Pyuic5.exe
一捺檬、 Designer
Qt Designer，即Qt設(shè)計師，是一個強大益缠，靈活的可視化GUI設(shè)計工具哥遮，可以幫助我們加快開發(fā)PyQt程序的速度拾积。Qt Designer是專門用來制作PyQt程序中UI界面的工具储矩。
Qt Designer符合MVC(模型-視圖-控制器)設(shè)計模式笨农，做到了顯示和業(yè)務(wù)邏輯的分離坡椒。
Qt Designer具有以下優(yōu)點：
- 使用簡單扰路， 通過拖拽和電機就可以完成復(fù)雜的界面設(shè)計尤溜，而且還可以隨時預(yù)覽查看效果圖。
- 轉(zhuǎn)換Python文件方便汗唱。Qt Designer可以將設(shè)計好的用戶界面保存為
.ui文件宫莱，其實是XML格式的文本文件。為了在PyQt中使用.ui文件哩罪，可以通過pyuic5命令將.ui文件轉(zhuǎn)換為.py文件梢睛。
工具路徑：
找到我們Python三方庫的目錄。
*\python380\Lib\site-packages因為使用pip安裝一般都會安裝最新版本的PyQt5, 不同版本的PyQt中Designer的路徑可能不同识椰，當(dāng)前我的PyQt(v5.15.2)中绝葡，designer.exe存在于目錄
\qt5_applications\Qt\bin-
為了更加方便的使用designer, 可以將其添加到環(huán)境變量或者Pycharm的External Tools中。
-
添加到環(huán)境變量：
選擇此電腦/計算機單擊鼠標(biāo)右鍵->屬性->高級系統(tǒng)設(shè)置->環(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中提供了很多控件昔驱，每個控件都有自己的名稱疹尾，提供不同的功能上忍≈韪兀可以直接拖放到主窗口,在菜單欄->窗體->預(yù)覽 或者 Ctrl+R 可以預(yù)覽效果纳本。
2 - MainWindow(主窗口)
主窗口用來展示UI界面的布局，可以任意編輯腋颠。
3 - 對象查看器
對象查看器可以查看主窗口中放置的對象列表
4 - 屬性編輯器
屬性編輯器提供了對窗口繁成，控件，布局的屬性編輯功能
5 - 信號/槽編輯器
用來編輯信號/槽以及動作淑玫，和資源瀏覽器
我們可以拖入一個pushButton(按鈕)到主窗口巾腕，雙擊按鈕重命名為"關(guān)閉"，之后保存絮蒿。
二尊搬、 Pyuic5
查看UI文件
采用Qt Designer工具設(shè)計的界面文件默認為.ui文件，描述了窗口中控件的屬性列表和布局顯示土涝，.ui 文件里面包含的內(nèi)容是按照XML(可擴展標(biāo)記語言)格式處理的佛寿。可以直接使用notepad打開文件但壮。
其中可以看到我們之前添加的一個按鈕"關(guān)閉"
轉(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鸟召， 將生成的代碼寫入文件而不是標(biāo)準(zhǔn)輸出。
我們轉(zhuǎn)換格式需要的就是這個參數(shù)氨鹏。因此在命令行輸入
>> pyuic5 -o firstWindow.py firstWindow.ui
之后在目錄下就會生成一個firstWindow.py的文件欧募，打開看一下，里面已經(jīng)替我們寫好了UI類的代碼了仆抵。
我們之后直接調(diào)用它就可以使用了跟继。
以上就是PyQt5的Designer和pyuic5工具的簡介了。有什么疑問可以在評論中留出~~
如有侵權(quán)镣丑，請聯(lián)系刪除
