Python GUI開發:PySide2使用入門

之前我們介紹過PyQT5和PySide2的區別。介於目前介紹PyQT5的教程較多,而介紹PySide2的較少。所以這裡我們來介紹一下PySide2的開發。其實兩者大同小異。

這裡我們以Windows平臺為例,首先我們來安裝PySide2,使用清華的pip源:

C:\Users\nickz> pip install -i https://pypi。tuna。tsinghua。edu。cn/simple PySide2

安裝好之後,在我的電腦上,它存放於下面這個路徑。

C:\users\nickz\appdata\local\programs\python\python38\lib\site-packages\PySide2

在你的電腦上可能略有區別,你可以使用下面的命令檢查你電腦上PySide2的路徑:

C:\users\nickz\appdata\local\programs\python\python38\lib\site-packages\PySide2> pip show PySide2Name: PySide2Version: 5。14。2。1Summary: Python bindings for the Qt cross-platform application and UI frameworkHome-page: https://www。pyside。orgAuthor: Qt for Python TeamAuthor-email: pyside@qt-project。orgLicense: LGPLLocation: c:\users\nickz\appdata\local\programs\python\python38\lib\site-packagesRequires: shiboken2Required-by:

請記住這裡路徑,我們下面會用到它。

下面,請開啟你的visual studio code,在擴充套件商店中搜索PySide2外掛,然後安裝,如下圖:

Python GUI開發:PySide2使用入門

安裝外掛

安裝好之後,開啟設定,從選單File -> Prefrerences -> Settings,然後按照下圖配置,注意Designer那一行的路徑就是剛才上面提到的PySide2的安裝路徑,pyside2-rcc。exe和pyside2-uic。exe在你Python目錄下的Scripts目錄下。

Python GUI開發:PySide2使用入門

配置外掛

這裡我輸入的分別是:

C:\users\nickz\appdata\local\programs\python\python38\lib\site-packages\PySide2\designer。exeC:\users\nickz\appdata\local\programs\python\python38\Scripts\pyside2-rcc。exe -o 。/“${fileBasenameNoExtension}。py”C:\users\nickz\appdata\local\programs\python\python38\Scripts\pyside2-uic。exe -o 。/“${fileBasenameNoExtension}。py”

注意,pyside2-rcc和pyside2-uic那兩項,不要帶

-d

引數,親測不好使。

接下來在你的電腦上建立一個PySide2Demo的目錄,我建立在D盤目錄下,然後在VSCode選單的Files -> Open Folder開啟你建立的目錄:

Python GUI開發:PySide2使用入門

開啟目錄

在Explorer欄右鍵單擊,選擇建立新檔案:

Python GUI開發:PySide2使用入門

新建檔案

建立一個名為main。py的檔案。再次右鍵單擊,這次我們選擇New Form(Qt Designer UI File):

Python GUI開發:PySide2使用入門

建立UI檔案

點選New Form (Qt Desginer UI File)之後,會自動開啟Qt Designer(如果沒有,請檢查上面配置的designer路徑是否正確):

Python GUI開發:PySide2使用入門

Designer視窗

在Designer視窗中,我們選擇Main Window,然後點選建立:

Python GUI開發:PySide2使用入門

透過拖拽設計窗體

透過拖拽左邊Widget Box欄裡面的Lable,Line Edit,Push Button控制元件到中間的窗體上,設計出如上圖的介面。然後點選工具欄上的儲存按鈕。

Python GUI開發:PySide2使用入門

儲存UI檔案

在彈出的儲存對話方塊中,將檔案命名為mainwindow。ui,然後點選儲存。

現在返回到VScode,雙擊開啟mainwindow。ui檔案,然後右鍵選擇Compile Form:

Python GUI開發:PySide2使用入門

編譯UI檔案

完成之後會多出一個mainwindow。py的檔案:

Python GUI開發:PySide2使用入門

編譯生成的UI檔案

現在開啟main。py檔案,輸入以下程式碼:

#!/usr/bin/pythonimport sysfrom PySide2。QtWidgets import QApplication, QMainWindowfrom PySide2。QtCore import QFilefrom mainwindow import Ui_MainWindowclass MainWindow(QMainWindow): def __init__(self): super(MainWindow, self)。__init__() self。ui = Ui_MainWindow() self。ui。setupUi(self)if __name__ == “__main__”: app = QApplication(sys。argv) window = MainWindow() window。show() sys。exit(app。exec_())

右鍵選擇在Run Python File in Terminal:

Python GUI開發:PySide2使用入門

執行Python檔案

結果如下:

Python GUI開發:PySide2使用入門

執行結果

怎麼樣?是不是很簡單,趕緊試試吧。