第一篇 -- 安裝和配置PyQt5

我的電腦環境是：Win10 + Python3.6.4 + JetBrains PyCharm 2017.3.2 x64

之前用tkinter寫界面，現在學習如何用PyQt5寫界面。

 

安裝PyQt5:https://blog.csdn.net/qq_39173907/article/details/79676412

1. 進入Python的安裝目錄，找到Script這個文件夾，切換路徑進去，打開cmd窗口

pip install PyQt5

2. 安裝tools

pip install PyQt5-tools

3. 配置環境變量

桌面上“我的電腦”，鼠標右鍵選擇“屬性”，打開后選擇“高級系統設置”，可以看到最下面有一個“環境變量”，然后在“系統變量”下面添加一個環境變量。

變量名：QT_QPA_PLATFORM_PLUGIN_PATH

路徑：%Python的安裝路徑%\Lib\site-packages\PyQt5\Qt\plugins

 

4. 配置Pycharm

打開Pycharm，點擊File-->Setting-->Tools-->External Tools

右邊部分本來是空白，點擊“+”號，進行如下設置：

Program：是designer.exe所在的路徑，不同版本存儲的路徑可能不一樣，得自己找.

　　有的是%Python的安裝路徑%\Lib\site-packages\pyqt5_tools\designer.exe。

　　有的是%Python的安裝路徑%\Lib\site-packages\pyqt5_tools\Qt\bin\designer.exe

Working directory就填“$FileDir$”，比較方便的也可以點擊右側Insert Macro...，然后找到“$FileDir$”。

這個tool是可以用來寫UI的，下面要設置一個將UI變成py文件的。

 

Program：是Python的安裝路徑

Arguments：-m PyQt5.uic.pyuic  $FileName$ -o $FileNameWithoutExtension$.py

Working directory：“$FileDir$”

 

到此為止，設置就完成了。那么我們來簡單測試一下可不可以使用。

 

寫一個UI

第一步，在你需要寫UI的文件路徑下右擊選擇External Tools-->Designer

第二步，畫圖

第三步，保存畫的圖到需要寫UI的文件路徑，取名為firstpic.ui。接着將ui轉換成py文件，右擊firstpic.ui-->External Tools-->PyUIC

就會在當前目錄產生一個firstpic.py文件，文件內容如下：

firstpic.py

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'firstpic.ui'
#
# Created by: PyQt5 UI code generator 5.13.0
#
# WARNING! All changes made in this file will be lost!


from PyQt5 import QtCore, QtGui, QtWidgets


class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(1125, 877)
        self.centralwidget = QtWidgets.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.listView = QtWidgets.QListView(self.centralwidget)
        self.listView.setGeometry(QtCore.QRect(30, 10, 256, 192))
        self.listView.setObjectName("listView")
        self.treeView = QtWidgets.QTreeView(self.centralwidget)
        self.treeView.setGeometry(QtCore.QRect(350, 10, 256, 192))
        self.treeView.setObjectName("treeView")
        self.groupBox = QtWidgets.QGroupBox(self.centralwidget)
        self.groupBox.setGeometry(QtCore.QRect(60, 240, 551, 411))
        self.groupBox.setObjectName("groupBox")
        self.label = QtWidgets.QLabel(self.groupBox)
        self.label.setGeometry(QtCore.QRect(40, 30, 71, 16))
        self.label.setObjectName("label")
        self.textBrowser = QtWidgets.QTextBrowser(self.groupBox)
        self.textBrowser.setGeometry(QtCore.QRect(110, 30, 256, 51))
        self.textBrowser.setObjectName("textBrowser")
        self.lcdNumber = QtWidgets.QLCDNumber(self.groupBox)
        self.lcdNumber.setGeometry(QtCore.QRect(110, 120, 251, 41))
        self.lcdNumber.setObjectName("lcdNumber")
        self.progressBar = QtWidgets.QProgressBar(self.groupBox)
        self.progressBar.setGeometry(QtCore.QRect(30, 230, 341, 23))
        self.progressBar.setProperty("value", 24)
        self.progressBar.setObjectName("progressBar")
        self.calendarWidget = QtWidgets.QCalendarWidget(self.centralwidget)
        self.calendarWidget.setGeometry(QtCore.QRect(650, 20, 312, 183))
        self.calendarWidget.setObjectName("calendarWidget")
        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QtWidgets.QMenuBar(MainWindow)
        self.menubar.setGeometry(QtCore.QRect(0, 0, 1125, 21))
        self.menubar.setObjectName("menubar")
        MainWindow.setMenuBar(self.menubar)
        self.statusbar = QtWidgets.QStatusBar(MainWindow)
        self.statusbar.setObjectName("statusbar")
        MainWindow.setStatusBar(self.statusbar)

        self.retranslateUi(MainWindow)
        QtCore.QMetaObject.connectSlotsByName(MainWindow)

    def retranslateUi(self, MainWindow):
        _translate = QtCore.QCoreApplication.translate
        MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))
        self.groupBox.setTitle(_translate("MainWindow", "GroupBox"))
        self.label.setText(_translate("MainWindow", "Hello World"))

 

那么如今怎么把我們畫的圖運行出來呢，我們寫一個first.py來運行它。

first.py

import sys
import firstpic
from PyQt5.QtWidgets import QApplication, QMainWindow

if __name__ == '__main__':
    app = QApplication(sys.argv)
    MainWindow = QMainWindow()
    ui = firstpic.Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())

 

然后右擊運行first.py就可以彈出窗口了，學會了嗎。