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-tools與PyQt-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




