091.PyQt5_QtDesigner_简介&环境配置安装

  

我 的 个 人 主 页： 失心疯的个人主页
入 门 教 程 推 荐 ： Python零基础入门教程合集
虚 拟 环 境 搭 建 ： Python项目虚拟环境(超详细讲解)
PyQt5 系 列 教 程： Python GUI(PyQt5)文章合集
Oracle数据库教程： Oracle数据库文章合集
优 质 资 源 下 载 ： 资源下载合集

QtDesigner_简介

• 搭建GUI界面的方式
  • 纯手码
    • 一行一行的通过手工写代码来实现GUI界面效果
    • 特点
      • 工作量大
      • 新手会把代码结构搞的特别混乱
  • 手码+设计工具
    • 通过可视化的设计工具，来按照所见即所得的方式进行界面设计，然后自动转换成代码
    • 特点
      • 直观、高效
      • 通过鼠标拖动、点击就可以搞定
      • 工作量小，方便修改调试
      • 界面和逻辑分离
    • 正规开发，一般都使用此种方法
  • 自定义类必须通过纯手码来实现
• QtDesigner介绍
  • QtDesigner中的操作方式十分灵活，通过拖拽的方式放置空间可以随时查看空间效果，并预览效果
  • QtDesigner的设计复核MVC(设计模式：模型、视图、逻辑)的架构，实现了视图和逻辑的分离，从而实现了开发的便捷
  • QtDesigner生成的.ui文件（实际上是XML格式的文件），可以直接使用

    from PyQt5.uic import loadUi
    loadUi('login.ui', self)
    

  • 也可以通过pyuic5工具将.ui文件转换成.py文件

---

---

QTDesigner_环境安装

• 配置虚拟环境

  • 详见：配置虚拟环境

• 安装第三方模块

  • 由于这是全新配置的虚拟环境，所以需要重新安装PyQt5
  1. 安装 PyQt5
     • 通过PyCharm —— Terminal激活虚拟环境，然后安装

     pip install PyQt5
     

     • 我们需要用到的pyuic5(ui文件转py文件)工具和pyrcc5(资源文件转py文件)工具都在这个模块中

     2. 安装辅助工具 pyqt5-tools
     
     pip install pyqt5-tools
     
     课程中通过安装pyqt5-tools获取designer工具。
     但是我用的python3.9的版本中，designer工具已经不在pyqt5-tools模块中了，在pySide2模块中，所以我们需要安装PySide2模块
     

  2. 安装 PySide2
     • python之前的版本装了PyQt5之后自带Designer工具，但是我用的3.9的没有
     • 需要安装pyside2才有Designer工具，模块比较大，安装时间比较长，注意模块名称大小写

     pip install pyside2
     

     • pyside2模块安装完了之后，designer.exe工具在 E:\Projecs\PyQt5\.venv\Lib\site-packages\PySide2 目录下
  • 以上第三方模块安装也可以通过Settings直接安装
    PyCharm —— File —— Settings.. —— Project：xxx —— Python Interpreter —— '+' 

• PyCharm添加外部工具快捷方式

  • 添加 QtDesigner
    File —— Settings —— Tools —— External Tools —— “+”

    • 

    • 设置说明：

      Name：              # 外部工具显示名称
      Description：       # 对外部工具的描述
      Program：           # 外部工具名称关联工具，也就是点击名称要打开的工具
      Arguments：
      Working directory： # 工作目录。就是.ui文件保存目录
      
      $ProjectFileDir$    # 项目文件所在目录
      

  • 添加 pyuic5
    File —— Settings —— Tools —— External Tools —— “+”

    • 

    • 设置说明：

      Name：              # 外部工具显示名称
      Description：       # 对外部工具的描述
      Program：           # 外部工具名称关联工具，也就是点击名称要打开的工具
      Arguments：         # 参数
      Working directory： # 工作目录。转换后.py文件保存目录
      
      $FileName$ -o $FileNameWithoutExtension$.py
      # 
      $FileName$                  # 当前带扩展名的文件名
      $FileNameWithoutExtension$  # 当前不带扩展名的文件名
      
      $FileDir$           # 当前转换文件所在目录
      

  • 添加 pyrcc5
    File —— Settings —— Tools —— External Tools —— “+”

    • 

    • 设置说明：

      Name：              # 外部工具显示名称
      Description：       # 对外部工具的描述
      Program：           # 外部工具名称关联工具，也就是点击名称要打开的工具
      Arguments：         # 参数
      Working directory： # 工作目录。转换后.py文件保存目录
      
      $FileName$ -o $FileNameWithoutExtension$_rc.py
      # 
      $FileName$                  # 当前带扩展名的文件名
      $FileNameWithoutExtension$  # 当前不带扩展名的文件名
      
      $FileDir$           # 当前转换文件所在目录
      

• 工具使用

  • 方法一：PyCharm —— Tools —— External Tools

    • 

  • 方法二：文件 —— 鼠标右键 —— External Tools

    •