本文介紹使用
python+pyqt5
開發桌面程式的一個視覺化UI
檢視佈局
一、環境包的安裝
-
1、如果還不知道虛擬環境的可以參考,或者直接使用
pipenv
-
2、安裝
pyqt5
pip3 install pyqt5 複製程式碼
-
3、安裝
pyqt5-tools
(注意目前只支援在window
系統下,如果你是mac
電腦請自行安裝虛擬機器)pip3 install pyqt5-tools 複製程式碼
-
4、使用
pip3 list
檢視安裝是否成功
二、在pycharm
中配置pyqt5-tools
工具
在
pycharm
編輯器中主要配置有三個
-
1、開啟視覺化設計的介面
-
2、將視覺化設計儲存後的
.ui
檔案轉換為.py
檔案 -
3、將視覺化設計中需要使用到的資源轉換為
.py
檔案 -
4、配置結果
三、pyqt5-tools
的配置
- 1、點選上面的加號
- 2、配置如圖
- 3、上面引數介紹
- 1.
Name
是自己隨便命名的 - 2.
Description
是簡單的描素 - 3.
program
是指你執行的程式 - 4.
Working directory: $ProjectFileDir$
是插入巨集,表示專案檔案目錄
- 1.
四、關於.ui
檔案轉換為.py
檔案的工具
- 1、配置結果如圖
- 2、關於各引數的介紹
- 1.
Program
取安裝包中的pyuic5.exe
程式 - 2.
Arguments
配置為$FileName$ -o $FileNameWithoutExtension$.py -x
- 3.
Working directory
配置為$FileDir$
當前檔案目錄
- 1.
五、將資原始檔轉換為py
檔案
- 1、配置結果如圖
- 2、引數的介紹
- 1.
Program
取安裝包中的pyrcc5.exe
程式 - 2.
Arguments
配置為$FileName$ -o $FileNameWithoutExtension$_rc.py
- 3.
Working directory
配置為$FileDir$
當前檔案目錄
- 1.
六、測試配置成功否
- 1、檢視配置的外部工具
- 2、點選
pyqt5-tools
開啟設計的視覺化視窗 - 3、給按鈕設定背景圖片樣式
- 4、根據上面的步驟新增一個資源,右邊選擇資源
- 5、儲存後在本專案下會生成一個
x.ui
和x.qrc
檔案 - 6、選中檔案右鍵選擇外部工具,根據不同檔案格式選擇不同的編譯工具
- 7、直接執行
x.ui
編譯後的py
檔案,檢視效果