PyQt5工具可以快速實現簡單的界面開發,包括界面設計、布局管理以及業務邏輯實現(信號與槽)。簡單說就是使用PyQt5工具可以快速畫一個控件擺放整齊、界面整潔有序、布局合理的界面。
課程目標
可以動手實現簡單的GUI程序。系列文章主要以動手實踐案例講解為主。
課程對象
會一些python基本語法但不懂PyQt的小白
課程內容
第1節:PyQt5環境搭建和配置。工欲善其事必先利其器嘛~~
第2節:Qt Designer工具的使用。通過一個需求實現描述工具使用。都是拖拽布局,不寫代碼。。不要慫
第3節:Qt Designer工具的布局管理。如何把界面控件擺放整齊。四種常用布局方法。。也不寫代碼。。哈哈
第4節:PyQt信號與槽的使用。讓程序動起來。。讓他替你做你想做的事情。。
第5節:PyQt5基本控件使用介紹。了解那些被你拖來拖去的組件的基本使用方法。。深入認識一下他們
第6節:PyQt5小需求實踐案例。讓你學習的內容轉化成可輸出的成果。。
本文內容
本文主要第1節 PyQt5環境搭建和配置。主要內容包括:
(1)工具版本的選擇,包括PyQt版本和Python軟件版本。
(2)Python、PyQt5以及Qt Designer工具的安裝。Qt Designer是PyQt的可視化GUI設置工具。
(3)PyCharm上配置Qt Designer和PyUIC工具。
選擇PyQt原因
(1)PyQt可以通過拖拽實現界面開發,而不是只能代碼實現。這樣界面實現效率就高多了。
(2)控件豐富。支持跨平台。
(3)方便打包發布。可以利用Pyinstaller打包成二進制文件。在未安裝Python軟件電腦上運行。
選擇Python3和PyQt5原因
PyQt官網提供了PyQt4和PyQt5兩種主流版本。PyQt5不兼容PyQt4。建議選擇PyQt5原因:
(1)官方對PyQt4不再有重大更新和維護。
(2)PyQt5對一些模塊進行了重新構建。同時PyQt5對網頁的支持能力更好。
(3)PyQt5支持新式的信號和槽,使用更簡單。
選擇Python3原因:PyQt5對Python3支持較好,官方默認只提供支持Python3版本的安裝包。如果使用Python2,要自己編譯,比較麻煩。
Python3.X軟件和PyQt5安裝
(1)Python官網下載Python3.X 32位最新版本。獲取路徑:Python官網,下載32位版本的原因是通常pyqt工具開發完成的程序都需要編譯成可執行程序發布。而使用32位額Pyinstaller打包發布exe軟件在32位和64位電腦都能運行。如果是64位版本,就只能運行在64位版本電腦。
(2)執行下載的pyhon軟件安裝。勾選"Add Python3.7 to Path"。其他一路Next安裝完成。默認會安裝一鍵式工具pip。
(3)pip工具鏡像源配置。配置方法如下:
a、在cmd窗口下執行echo %HOMEPATH%獲取用戶家目錄,並在該目錄下創建pip目錄。
b、在pip目錄下創建pip.ini文件。記住,后綴必須是.ini格式。並在該文件中寫入如下內容。
[global] index-url = http://pypi.douban.com/simple [install] trusted-host = pypi.douban.com
c、配置完成。執行pip install xlrd測試安裝是否成功。如果失敗,參考配置指導參考<Python開發環境搭建指導>檢查,里面有詳細步驟。
PyQt5工具安裝
(1)使用pip工具安裝PyQt5工具。執行pip install PyQt5
(2)安裝Qt Designer圖形界面開發工具。執行pip install PyQt5-tools
工具安裝完成后的路徑在..\Python\Python37-32\Lib\site-packages
(3)環境變量配置。將PyQt5-tools的安裝目錄添加到系統環境變量path。添加路徑:我的電腦 -> 屬性->高級->系統設置->高級->單擊環境變量。在系統變量path添加PyQt5-tools完整路徑。如下圖所示:
(4)打開cmd窗口,執行designer。其實也可以將designer.exe設置快捷家到桌面。
Qt Designer主界面如下:
PyCharm配置Qt Designer
PyCharm是開發Python程序主流常用的IDE。為方便調用Qt Designer實現界面開發和編譯相應完成,可以在PyCharm配置Qt Designer和PyUIC。
(1)配置Qt Designer。PyCharm -> 菜單File -> Settings -> Tools -> External Tools -> +號,進行添加。 參數配置說明:
Name:Qt Designer。方便記憶。實際可以任意取值。
Program:designer.exe程序絕對路徑。根據實際安裝路徑填寫。
Parameters:$FileDir$\$FileName$。固定取值。
Working directory: $FileDir$。固定取值。
(2)配置PyUIC。該工具是用於將Qt Designer工具開發完成的.ui文件轉化為.py文件。配置打開路徑同Qt Designer。參數配置說明:
Name:PyUIC。方便記憶。實際可以任意取值。
Program:python.exe程序絕對路徑。根據實際安裝路徑填寫。
Parameters:-m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py。固定取值。
Working directory: $FileDir$。固定取值。
(3)測試Qt Designer和PyUIC配置是否成功。打開路徑:菜單欄Tools -> External Tools ->Qt Designer/PyUIC
點擊Qt Designer,打開Designer程序主界面如下。將左側Widget Box中Push button空間拖到主界面,雙擊空間修改名稱為test。另存為名稱work.ui。默認后綴就是.ui。
打開PyUIC,自動完成work.ui文件的轉換。生成文件名為work.ui。
文件轉換成功后,可以在project目錄中查看。如下
配置成功。完成
命令行打開designer和轉換.ui文件
除了集成到Pycharm工具使用,也可以采用命令行方式打開designer和通過命令轉換.ui文件為.py文件,我個人習慣使用這種方法。方法如下:
(1)設置designer為桌面快捷方式。designer路徑在${python安裝目錄}/Lib/site-packages/pyqt5_tools/designer.exe
(2)假設designer.exe開發完成的界面文件為work.ui。切換到work.ui目錄並執行如下命令轉換:
pyuic5 -o work.py work.ui
小結
學習完本文課程,就可以完成PyQt5工具安裝和配置。為PyQt5開發界面邁出了最重要的一步。下一節就可以開始通過Qt Designer工具實現界面開發了。