当前位置:   article > 正文

Pyqt5+PyQt-Fluent-Widgets+Pycharm环境安装

Pyqt5+PyQt-Fluent-Widgets+Pycharm环境安装

1. Pyqt5环境安装

  • 使用miniconda创建一个新环境作为pyqt5的开发。这里使用的python3.8版本,网上说太高的python3.10版本无法同时安装pyqt5和pyqt-tools。

    conda creat -n pyqt5 python=3.8
    
    • 1
  • 然后激活刚刚创建的环境(pyqt5),如果没有换源的请按照以下指令更换conda镜像源和pip镜像源,提升python包的下载速度。

    # Conda 镜像源
    conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/main/
    conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/
    conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/r/
    conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/pytorch/
    conda config --set show_channel_urls yes
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    # pip 临时换源
    pip install <package_name> -i https://pypi.tuna.tsinghua.edu.cn/simple
    # pip 永久换源
    pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple
    
    • 1
    • 2
    • 3
    • 4
  • 安装Pyqt5 和Pyqt5-tools

    # Pyqt5安装
    pip install PyQt5
    # Pyqt5-tools 安装
    pip install PyQt5-tools
    
    • 1
    • 2
    • 3
    • 4
  • 通过conda list查看已经安装的包,此时安装的Pyqt版本是5.15.9,Pyqt5.15.x及以后的版本除了安装上述两个包之外,还安装了pyqt5-sipqt5-applicationsqt5-tools

在这里插入图片描述

  • 设置环境变量

    D:\LenovoSoftstore\Miniconda\envs\pyqt5\Lib\site-packages\PyQt5\Qt5\plugins

2. Pycharm配置QtDesigner

  • 打开Pycharm,设置,外部工具,添加三个外部工具QtDesignerPyUICPyqrc,设置程序路径如下图所示。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 然后我们可以在工具->外部工具里面找到刚刚定义的QtDesignerPyUiCPyqrc

在这里插入图片描述

  • 点击QtDesigner 即可打开Qt设计师。

    在这里插入图片描述

  • 验证Pyqt5是否正常工作先用QtDesigner随便拖几个部件,保存为Test.ui文件。

    在这里插入图片描述

  • 然后我们回到Pycharm,发现刚刚生成的Test.ui,右键用前面配置的外部工具PyUIC将其转化为.py文件。

    在这里插入图片描述

  • 文件夹多了一个Test.py文件出来,就是刚刚我们用QtDesigner设置的界面。

    在这里插入图片描述

  • 接着在mian函数中调用这个界面并显示,写入以下代码运行,即可看到刚刚创建的界面。

    import sys
    from PyQt5 import QtCore, QtGui, QtWidgets
    import Test  # 导入QtTest文件
    def main():
        # 获取UIC窗口操作权限
        app = QtWidgets.QApplication(sys.argv)
        MainWindow = QtWidgets.QMainWindow()
        # 调自定义的界面(即刚转换的.py对象)
        Ui = Test.Ui_MainWindow()  # 这里也引用了一次Test.py文件的名字注意
        Ui.setupUi(MainWindow)
        # 显示窗口并释放资源
        MainWindow.show()
        sys.exit(app.exec_())
    
    if __name__ == '__main__':
        main()
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16

    在这里插入图片描述

3. PyQt-Fluent-Widgets插件安装

  • PyQt-Fluent-Widets是一个使用 PyQt/PySide 编写的 Fluent Design 风格的组件库,包含许多常用的组件,支持亮暗主题无缝切换和自定义主题色,支持 PyQt5/PyQt6/PySide2/PySide6。

  • 说明文档 https://pyqt-fluent-widgets.readthedocs.io/en/latest/

  • github : https://github.com/zhiyiYo/PyQt-Fluent-Widgets

  • conda 环境中安装Pyqt-Fluent-Widgets

    pip install "PyQt-Fluent-Widgets[full]"
    
    • 1
  • 下载github包,运行示例,基本风格和windows 一样。

    cd examples/gallery
    python demo.py
    
    • 1
    • 2

    在这里插入图片描述

4. 在QtDesigner中使用PyQt-Fluent-Widgets

  • 在 Qt Designer 中,有两种使用 PyQt-Fluent-Widgets 的方式。

  • 右击一个小部件,选择右击菜单上的提升为, 是把原生部件替换成自定义小部件,在这个例子中是 qfluentwidgets.PushButton

    img

  • 弹出的对话框上需要填写自定义的组件名。头文件是组件库的包名 qfluentwidgets,提升的类名称为 PushButton

    img

  • 完成提升后不会在设计师中看到任何变化,保存 ui 文件后编译为 py 代码,可以发现 import 的是 PushButton

  • 第二种方法是使用插件。

    运行 python ./tools/designer.py 来启动设计师软件(必须使用脚本启动)

    一切无误的情况下能在侧边栏 Widget Box 中看到 PyQt-Fluent-Widgets 的组件。

    在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/不正经/article/detail/107146
推荐阅读
相关标签
  

闽ICP备14008679号