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

前言

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

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

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

1. 工具包安裝

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

一、點(diǎn)擊菜單欄“File”，選擇彈出的“Setting”選項(xiàng)，如下圖（點(diǎn)擊可放大查看）所示：

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

PyQt5

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

PyQt5-tools

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

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

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

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

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

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

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

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

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

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

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

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

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

Qt Designer

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

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

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

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

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

PyUIC

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

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

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

$FileName$
-o
$FileNameWithoutExtension$.py

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

$FileDir$

五、完成填寫(xiě)后，點(diǎn)擊“OK”，以上步驟參考圖片中的步驟。

PyRcc

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

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

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

$FileName$
-o
$FileNameWithoutExtension$_rc.py

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

$FileDir$

五、完成填寫(xiě)后，點(diǎn)擊“OK”，以上步驟參考圖片中的步驟。

3. 使用演示

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

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

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

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

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

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

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

在資源選擇框中選擇剛剛添加進(jìn)qrc的圖片，點(diǎn)擊確定，對(duì)另一個(gè)label也進(jìn)行同樣的操作，如下圖所示：

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

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

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

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

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

    在PyCharm中點(diǎn)擊運(yùn)行該文件，最終運(yùn)行界面如下所示：

結(jié)束語(yǔ)

    因?yàn)楸静┪闹饕榻B安裝步驟，關(guān)于PyQt的設(shè)計(jì)博文中介紹較簡(jiǎn)單，更加詳細(xì)的講解將在后面的教程中介紹。由于博主能力有限，博文中提及的方法即使經(jīng)過(guò)試驗(yàn)，也難免會(huì)有疏漏之處。希望您能熱心指出其中的錯(cuò)誤，以便下次修改時(shí)能以一個(gè)更完美更嚴(yán)謹(jǐn)?shù)臉幼樱尸F(xiàn)在大家面前。同時(shí)如果有更好的實(shí)現(xiàn)方法也請(qǐng)您不吝賜教。

最新評(píng)論