今天開始，木木帶著大家使用Pyqt5搭建工業軟件界面。

本期任務：

1. PyQT環境搭建
2. 界面編程習慣（實現邏輯代碼和界面代碼分離）
3. 做一個簡易計算器界面（相當于“Hello,World!”）

序言

以有限元為例，整個軟件教學過程中圍繞著有限元的各個流程進行展開。在大家熟悉了整個設計流程后，可以對自己的代碼（有限元、離散元、虛擬元等等各種數值方法）加上一個漂亮的界面。

跟著我學習的人，可以保障大家都可以設計出這樣的界面：

對每次推文教程或B站視頻里面的疑問都可以在星球中進行提問，我會作出統一回答，涉及的代碼也會同步上傳至星球中，推文和視頻均已免費的形式呈現。

環境搭建

網上有很多環境搭建的教程，可以參考某乎、某度里面大佬的分析教程，我在這里簡單寫一下流程。

操作系統：windows

Python環境：3.11（下載最新版即可）

開發工具：PyCharm社區版（免費），VsCode也可以，我個人目前在用的是PyCharm。

在PyCharm中配置PtQt5環境：

QtDesigner：ui工具設計頁面

PyUIC：將ui文件轉化為python代碼

Pyrcc：將圖片、數據文件轉為python代碼

1. 使用pip安裝PyQt5: pip install PyQt5
2. 使用pip安裝Qt Designer：pip install PyQt5-tools
3. 設置->添加外部工具Qt Designer
4. 設置->添加外部工具PyUIC
5. 設置->添加外部工具Pyrcc

編程習慣

在自己的工作目錄中建立一個文件夾用于APP的制作，另放置一個test.py函數，用于測試部分功能代碼，目錄結構如下圖所示：

以上的文件設置可實現界面代碼和邏輯代碼的分離，即每次修改界面時，界面代碼不會覆蓋邏輯代碼，其中，

• function文件夾放置信號與槽函數連接
• image文件夾放置圖標文件
• style文件夾方式自定義的樣式文件，如果不考慮自定義樣式的話，可以不用設置該文件夾
• ui文件夾放置界面代碼

界面初始化

1. 打開qtdesigner
2. 創建MainWindow
3. 創建一個簡單的計算器
4. 將mainUI.ui轉換為mainUI.py
5. mainUI.py大概長這個樣子
6. 在function文件夾中添加信號槽連接函數：signal

from PyQt5.QtWidgets import QMainWindow
from ui.mainUI import Ui_MainWindow
class MainWindow(QMainWindow):
    def __init__(self, parent=None):
        super(MainWindow, self).__init__(parent)
        self.ui = Ui_MainWindow()
        self.ui.setupUi(self)

1. main.py添加一下代碼段：

import sys
from function.signal import MainWindow
from PyQt5.Qt import *

if __name__ == "__main__":
    # 創建應用程序
    app = QApplication(sys.argv)
    mainWindow = MainWindow()
    mainWindow.show()  # 顯示窗口
    sys.exit(app.exec_())  # 保證程序不會退出

1. 然后點擊main.py運行

1. 界面就可以在Pycharm中運行了，然后現在需要添加信號與槽連接，比如，我們想實現點擊“計算”按鈕后，右下角的框框為a和b的累加。
2. 在signal中添加邏輯代碼：
3. 再次點擊main.py運行，即可實現簡易計算器的效果。

至此，《基于PyQT的工業軟件界面制作保姆級教程》第一講就暫且講到這里，我們下期再見。

課程源文件：