摘要：Qt是常用的用戶界面設(shè)計工具，而在Python中則使用PyQt這一工具包，它是Python編程語言和Qt庫的成功融合。這篇博文通過圖文詳細介紹在PyCharm中如何完整優(yōu)雅地安裝配置PyQt5的所有工具包，主要內(nèi)容包括、PyQt5、P y Q t 5 tools的依賴包安裝和Q t Designer、P y U I C、  PyRcc三個工具的設(shè)置。最后簡單演示了PyQt5的調(diào)用方式及三個工具的使用方法，其目錄如下：

前言

    很多情況下需要為程序設(shè)計一個GUI界面，在Python中使用較多的用戶界面設(shè)計工具是PyQt。由于通常我們使用較多的IDE是PyCharm，為了方便地使用PyQt進行用戶界面設(shè)計，這里總結(jié)了在PyCharm安裝配置的簡單安裝方法?？赡苡腥诉€不清楚這幾個工具的用途，這里對要安裝配置的依賴包和工具簡介如下：

PyQt5：PyQt5是一套Python綁定Digia QT5應(yīng)用的框架。Qt庫是最強大的GUI庫之一，PyQt5做為Python的一個模塊，它有620多個類和6000個函數(shù)和方法。這是一個跨平臺的工具包，它可以運行在所有主要的操作系統(tǒng)，包括UNIX，Windows，Mac OS。PyQt5是雙重許可。開發(fā)者可以在GPL和商業(yè)許可之間進行選擇，詳細可訪問PyQt5的官方網(wǎng)站?！?a target="_blank" >PyQt5中文教程
PyQt5-tools：PyQt5中沒有提供常用的Qt工具，比如圖形界面開發(fā)工具Qt Designer，PyQt5-tools中包含了一系列常用工具。——PyQt5工具文檔
Qt Designer：可以通過Qt Designer來編寫UI界面，Qt Designer的設(shè)計符合MVC的架構(gòu)，其實現(xiàn)了視圖和邏輯的分離，從而實現(xiàn)了開發(fā)的便捷。Qt Designer中的操作方式十分靈活，其通過拖拽的方式放置控件可以隨時查看控件效果。Qt Designer隨PyQt5-tools包一起安裝，其安裝路徑在 “Python安裝路徑\Lib\site-packages\pyqt5-tools”下?！?a target="_blank" href="http://www.dbjr.com.cn/article/198770.htm">PyQt5速成教程
PyUIC：Qt Designer生成的.ui文件（實質(zhì)上是XML格式的文件）可以通過pyuic5工具轉(zhuǎn)換成.py文件?！?a target="_blank" href="http://www.dbjr.com.cn/article/198770.htm">PyQt5速成教程
PyRcc：在使用PyQt開發(fā)界面時，在Qt Designer中使用的圖片等資源需要將其編譯為py文件，這時需要用到PyRcc工具方便地將qrc文件轉(zhuǎn)換為py文件。——PyQt5安裝教程

    作者本人已經(jīng)進行配置測試了多臺Windows 10電腦，特通過本教程將安裝配置過程展現(xiàn)給大家，本教程持續(xù)更新，如果你有更好的方法或問題，歡迎大家留言。

1. 工具包安裝

    對于一個新創(chuàng)建的Python環(huán)境，首先需要安裝PyQt的相關(guān)工具包，因為是Python的依賴包所有可以通過pip進行安裝，由于我們在PyCharm中進行程序設(shè)計，這里我們可以通過PyCharm中的環(huán)境管理界面進行安裝。對于新建的項目test，其文件界面如下圖（點擊可放大查看）所示：

一、點擊菜單欄“File”，選擇彈出的“Setting”選項，如下圖（點擊可放大查看）所示：

二、選擇“Project”，選擇彈出的“Project Interpreter”選項，點擊可看到當(dāng)前已安裝的環(huán)境和依賴包，如下圖（點擊可放大查看）所示，點擊右側(cè)“加號”按鈕可添加新的依賴包：

PyQt5

三、可以看出當(dāng)前尚未安裝pyqt5的依賴包，點擊“加號”按鈕彈出安裝界面如下圖（點擊可放大查看）所示，在搜索框輸入“PyQt5”可以搜索到對應(yīng)的依賴包，點擊“Install Package”按鈕進行安裝（綠色框處可選擇安裝版本），等待安裝完成：

PyQt5-tools

四、同樣地安裝PyQt5-tools工具包，在搜索框中輸入“PyQt5-tools”，選中要安裝的依賴包，點擊“Install Package”進行安裝，如下圖中所示的步驟所示：

五、這兩個工具包安裝完成，返回上一界面可以看到依賴包管理界面中出現(xiàn)了這兩個依賴包，如下圖所示：

至此PyQt的工具包安裝完成，在編輯器或命令行可以通過“import PyQt5”調(diào)用該庫。這里確定一下安裝位置，正常情況下這兩個包的安裝位置在Python的安裝目錄下的“\Lib\site-packages\”目錄，如我這里的兩個安裝位置如下圖所示（我這里Python為虛擬環(huán)境，安裝位置在“E:\test\venv”）：

2. 設(shè)計工具配置

    依賴包安裝完成，接下來介紹如何在PyCharm中添加工具，其實這幾個工具在安裝PyQt5-tools的時候已經(jīng)包括在目錄中，只不過要在PyCharm中方便使用還需要一些配置步驟。首先為了保證Windows系統(tǒng)能夠正確識別PyQt5-tools的常見命令，還需要將PyQt5-tools的安裝目錄添加到系統(tǒng)環(huán)境變量Path中。

環(huán)境變量設(shè)置

一、在文件管理器中右擊“我的電腦”，彈出快捷菜單，選擇“屬性”→“高級系統(tǒng)設(shè)置”彈出系統(tǒng)屬性對話框，如下圖所示：

二、選擇“高級”，點擊下面的“環(huán)境變量”，彈出環(huán)境變量設(shè)置框，選擇系統(tǒng)變量中的“Path”變量，如下圖所示：

三、雙擊“Path”環(huán)境變量，進入環(huán)境變量編輯界面，點擊“編輯”在最后添加pyqt5-tools的安裝位置，點擊確定，如下圖所示：

這一步也可以選擇“瀏覽”，通過文件夾選擇對話框選中pyqt5-tools的安裝位置，其安裝路徑在 “Python安裝路徑\Lib\site-packages\pyqt5-tools”（需根據(jù)實際情況進行修改），如下圖（點擊放大圖片）所示：

三、在環(huán)境變量界面中點擊“新建”，在系統(tǒng)環(huán)境變量中新建名為“QT_PLUGIN_PATH”的變量，如下圖所示：

該變量值為Qt插件的安裝位置，可通過“瀏覽目錄”依次找到“plugins”文件夾，通常其位置在“Python安裝路徑\Lib\site-packages\PyQt5\Qt\plugins\”位置（需根據(jù)實際情況修改），點擊“確定”，如下圖所示：

   環(huán)境變量設(shè)置完成，接下來介紹在PyCharm中設(shè)置Qt工具，主要包括Qt Designer、PyUIC、PyRcc這三個工具，前言中已介紹其作用，下面依次介紹工具設(shè)置過程。

Qt Designer

一、點擊菜單欄“File”，彈出下拉框，選擇“Setting”，彈出設(shè)置界面。在設(shè)置界面中選擇“Tools”→“External Tools”，該部分操作如下圖所示：

點擊“加號”按鈕新建工具，彈出工具配置界面：在“Name”一欄填寫“Qt-Designer”；在“Program”一欄填寫designer.exe文件位置，我這里位置為：“E:\test\venv\Lib\site-packages\pyqt5_tools\Qt\bin\designer.exe”（需根據(jù)實際情況填寫）；在“Working directory”一欄填寫“$FileDir$”。最后點擊“OK”，如下圖所示：

二、點擊菜單欄“Tools”，彈出下拉框，選擇“External Tools”，彈出工具選擇框。選擇“Qt-Designer”并點擊，若出現(xiàn)Qt Designer的軟件界面則表示配置成功，當(dāng)然也可能出現(xiàn)如下的問題框：

‪若出現(xiàn)以上問題，解決方案是將pyqt5_tools\Qt\plugins文件夾進行復(fù)制，覆蓋到site-packages\pyqt5_tools\Qt\bin目錄下，覆蓋后的文件夾如下：

‪以上操作后，再次按照步驟二的操作即可打開Qt Designer軟件界面。

PyUIC

一、同樣按照以上方式添加PyUIC工具，點擊“加號”按鈕，在彈出的編輯設(shè)置框中Name一欄填寫“PyUIC”；

二、Program中填寫pyuic5.exe這個程序的文件路徑，一般在“Python環(huán)境目錄\Scripts\pyuic5.exe”（此處需根據(jù)實際情況修改），也可以點擊右側(cè)的文件夾選擇按鈕瀏覽文件夾選中該位置；

三、在Arguments中內(nèi)容填寫如下：

$FileName$
-o
$FileNameWithoutExtension$.py

四、Working directory內(nèi)容填寫如下：

$FileDir$

五、完成填寫后，點擊“OK”，以上步驟參考圖片中的步驟。

PyRcc

一、PyRcc工具的配置方式與PyUIC相似，同樣在“External Tools”設(shè)置中點擊“加號”按鈕，在設(shè)置框中“Name”一欄填寫“PyRcc”；

二、Program中填寫pyrcc5.exe這個程序的文件路徑，一般在“Python環(huán)境目錄\Scripts\pyrcc5.exe”（此處需根據(jù)實際情況修改），也可以點擊右側(cè)的文件夾選擇按鈕瀏覽文件夾選中該位置；

三、在Arguments中內(nèi)容填寫如下：

$FileName$
-o
$FileNameWithoutExtension$_rc.py

四、Working directory內(nèi)容填寫如下：

$FileDir$

五、完成填寫后，點擊“OK”，以上步驟參考圖片中的步驟。

3. 使用演示

    依賴包和工具安裝配置完成，下面簡單演示一下如何使用。首先打開或新建一個Python項目，點擊菜單欄中的“Tools”，選擇“External Tools”，可以看到之前設(shè)置好的三個工具，選擇“Qt Designer”打開Qt設(shè)計工具，步驟如下圖所示：

 打開軟件后，在彈出的引導(dǎo)界面選擇“Main Window”，然后點擊“Create”按鈕，創(chuàng)建一個窗體界面，如下圖所示：

  在軟件界面左側(cè)的控件選擇欄中拖動三個“Push Button”到中間的設(shè)計框中，雙擊按鈕依次修改顯示字符，如下圖所示：

在軟件界面左側(cè)的控件選擇欄中拖動兩個“Label”控件到中間的設(shè)計框中，如下圖所示：

    如下圖所示，點擊“Resource Browser”下的鉛筆圖表，彈出新建qrc文件的編輯框。

    如下圖所示，點擊新建（1號標注）按鈕新建一個qrc文件，創(chuàng)建qrc文件后點擊添加文件（2號標注），向qrc資源文件中添加兩張圖片，最后點擊“OK”確定。

    選中添加進來的label窗體，在右側(cè)屬性編輯欄中的“text”屬性中“pixmap”一欄選擇“Choose Resource”，如下圖所示：

在資源選擇框中選擇剛剛添加進qrc的圖片，點擊確定，對另一個label也進行同樣的操作，如下圖所示：

 最終完成后的界面如下圖所示，點擊菜單欄“File”下“Save”將該界面保存為ui文件并置于項目目錄下。

在PyCharm中選中保存的ui文件，使用“Tools”下的“External Tools”中的“PyUIC”工具將該文件轉(zhuǎn)換為需要的py文件。

在PyCharm中選中保存的qrc文件，使用“Tools”下的“External Tools”中的“PyRcc”工具將該資源文件轉(zhuǎn)換為需要的py文件。

    在PyCharm中打開使用“PyUIC”工具轉(zhuǎn)換的py文件，在下面添加如下代碼：

if __name__ == '__main__':
 import sys
 from PyQt5.QtWidgets import QApplication, QMainWindow
 import pics_ui_rc # 導(dǎo)入添加的資源（根據(jù)實際情況填寫文件名）
 app = QApplication(sys.argv)
 MainWindow = QMainWindow()
 ui = Ui_MainWindow()
 ui.setupUi(MainWindow)
 MainWindow.show()
 sys.exit(app.exec_())

    在PyCharm中點擊運行該文件，最終運行界面如下所示：

結(jié)束語

    因為本博文主要介紹安裝步驟，關(guān)于PyQt的設(shè)計博文中介紹較簡單，更加詳細的講解將在后面的教程中介紹。由于博主能力有限，博文中提及的方法即使經(jīng)過試驗，也難免會有疏漏之處。希望您能熱心指出其中的錯誤，以便下次修改時能以一個更完美更嚴謹?shù)臉幼?，呈現(xiàn)在大家面前。同時如果有更好的實現(xiàn)方法也請您不吝賜教。

最新評論