MacOS 14 使用Pyside6 集成 QFluent-Widgets

1. 安裝Conda

一路下一步即可,安裝較慢,需要多等一會。

image.png
  • 打開終端驗證安裝結(jié)果

如果已經(jīng)打開了終端,則需要退出重新打開,因為要重新加載一次conda的環(huán)境變量。

#查詢信息,打印已經(jīng)安裝的包列表表示成功
conda list
# packages in environment at /Users/zhaowenwen/anaconda3:
#
# Name                    Version                   Build  Channel
_anaconda_depends         2023.09         py311_openblas_1
abseil-cpp                20211102.0           he9d5cce_0
...

2. 打開Pycharm創(chuàng)建項目

image.png
  • 確認環(huán)境沒有問題并可以正常運行


    image.png

3. 安裝QFluent-Widgets

版本變動時 參考QFluent-Widgets官方文檔

  • 安裝完整版

在Idea自帶的終端窗口執(zhí)行,默認會是當(dāng)前環(huán)境,不用單獨安裝Pyside6。

pip install "PySide6-Fluent-Widgets[full]"
image.png
  • 首先使用Pyside6寫個簡單的頁面測試是否正常。
import sys

from PySide6 import QtCore
from PySide6.QtWidgets import QApplication, QLabel, QMainWindow

if __name__ == '__main__':
    app = QApplication(sys.argv)

    window = QMainWindow()

    window.setWindowTitle("Hello World App")
    window.setGeometry(100, 100, 400, 200)  # Set the window size

    hello_label = QLabel("Hello, World!")

    hello_label.setAlignment(QtCore.Qt.AlignCenter)

    window.setCentralWidget(hello_label)

    window.show()

    sys.exit(app.exec())

運行結(jié)果

image.png

4. 配置頁面設(shè)計器

需要配置QFluent-Widgets的頁面設(shè)計器才能看到漂亮的控件, Pyside6的設(shè)計器沒法和QFluent-Widgets兼容,使用的邏輯是在虛擬環(huán)境安裝pyqt5的環(huán)境和pyqt5tool來啟動QFluent-Widgets的設(shè)計器。

  • 打開終端創(chuàng)建一個虛擬環(huán)境用來啟動設(shè)計器(設(shè)計器需要pyqt5)
conda create --name qt_designer python=3.8
  • 激活環(huán)境
conda activate qt_designer
  • 下載啟動器
git clone 'https://github.com/zhiyiYo/PyQt-Fluent-Widgets.git'
  • 安裝pyqt5-toolsPyQt-Fluent-Widgets來啟動設(shè)計器
pip install PyQt-Fluent-Widgets
pip install pyqt5-tools
  • 啟動工具

執(zhí)行剛才clone的項目目錄下的PyQt-Fluent-Widgets/tools/designer.py

python ./PyQt-Fluent-Widgets/tools/designer.py
  • 隨便拖兩個控件 并保存ui文件到項目根目錄下


    image.png
image.png
  • 配置ui轉(zhuǎn)py工具


    image.png
5: -m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py
6: $FileDir$
  • 把UI文件轉(zhuǎn)為py文件


    image.png
image.png
  • 修改代碼加載剛才的UI文件
import sys

from PySide6.QtWidgets import QApplication, QMainWindow

from ui import Ui_MainWindow

if __name__ == '__main__':
    app = QApplication(sys.argv)

    window = QMainWindow()

    ui = Ui_MainWindow()

    ui.setupUi(window)

    window.show()

    sys.exit(app.exec())
  • 啟動項目測試


    image.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容