PyCharm+PyQt5+Qt Designer配置

Posted butterflystars

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了PyCharm+PyQt5+Qt Designer配置相关的知识,希望对你有一定的参考价值。

配置前提

  • PyCharm (这个不多说,官网下载安装,我是用的是2019.3版本)
  • Python 3.X(Python >=3.5,已经2020年了,放弃Python2.X版本吧)

Python 3.x 安装PyQt5

一、 安装PyQt 5

官方要求Python版本:Python >=3.5

  1. 打开命令行 输入
pip install PyQt5

技术图片

技术图片

PyQt5安装成功

  1. 安装完成功PyQt5后发现没有designer.exe,因此我们需要继续安装PyQt5-tools

技术图片

pip install PyQt5-tools

技术图片

技术图片

PyQt5-tools 安装成功。designer.exe位置如下:

你的Python安装文件夹Libsite-packagespyqt5_toolsQtin

技术图片

二、测试PyQt5的designer

双击designer.exe即可打开设计窗口

技术图片

PyQt安装使用正常

Pycharm 配置PyQt5 Designer

一、配置PyQt5的designer.exe

  1. 打开Pycharm (任何版本都可以)

? File ==> Settings

技术图片

? Tools ==> External Tools 点击左上角的加号,进行添加

技术图片

  1. 添加designer.exe

技术图片

Working directory: $ProjectFileDir$

二、测试PyQt5的designer

添加完成designer,点击自动启动designer.exe

技术图片

成功打开designer.exe

技术图片

Pycharm 配置PyUIC

PyUIC:用于把QtDesigner创建的UI文件转换成py文件。

一、配置PyUIC

  1. 继续添加新的 External Tools

技术图片

Arguments:-m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py
Working directory: $FileDir$

PyQt5 Designer 编写GUI测试

  1. 新建窗体

技术图片

打开Qt的designer界面

技术图片

选择Main Window 点击Create 创建。

技术图片

拖动一个文本写点内容:

技术图片

保存布局文件。(建议保存到项目文件夹中)

技术图片

此时在项目下可以看到这个文件了。

技术图片

  1. 但是这个文件不是pyhon文件不能直接运行啊,咋办?
    此时需要我们上面配置的另一个工具了PyUIC

选中生成的ui文件右键,选择我们之前配置的PyUIC

技术图片

这个命令行工具就会把UI文件转成可执行的Py文件。

技术图片

  1. 生成的Py文件没有入口函数因此我们需要新建个main.py文件,

代码如下:

import sys
import HelloWorld
from PyQt5.QtWidgets import QApplication, QMainWindow

if __name__ == ‘__main__‘:
    app = QApplication(sys.argv)
    MainWindow = QMainWindow()
    ui = HelloWorld.Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())

技术图片

在main.py文件中右键,选择Run ‘main’,运行整个项目

技术图片

运行结果

技术图片

第一个Python GUI 程序测试成功


以上是关于PyCharm+PyQt5+Qt Designer配置的主要内容,如果未能解决你的问题,请参考以下文章

Pycharm 添加 Qt Designer和PyUIC

在PyCharm里配置Qt Designer和PyUIC

QT designer的安装与汉化(pycharm)

QT designer的安装与汉化(pycharm)

Pycharm(2017.2 community)+PyQt5.7+Designer

PyQt5 图形界面 - Qt Designer设置简体中文方法演示,Qt Designer字体设置,Qt Designer工具单独安装包获取,Qt Designer简体中文语言包获取