【在Pycharm上配置Qt Designer 及 Pyuic】

Python 学习笔记

一只小白自学Python的成长史


文章目录

  • Python 学习笔记
  • 前言
  • 一、Qt Designer 介绍
  • 二、使用步骤
    • 1.下载Pycharm以及Python,将下载好的Python解释器配置到Pycharm中
    • 2.配置成功后新建venv项目
    • 3.在Pyhon解释器中新增软件包
    • 4.在Pycharm中新增外部工具
      • 4.1 在Pycharm中新增Qt Designer
      • 4.2 在Pycharm中新增Pyuic
    • 5.如何使用新增的外部工具
  • 总结


前言

本文就介绍了如何在Pycharm上配置Qtdesigner(拖拽式界面编程)以及一键将UI界面转化为Python小程序的外部工具。


一、Qt Designer 介绍

Qt Designer是PyQt5程序UI界面的实现工具,使用Qt Designer可以拖拽、点击完成GUI界面设计,并且设计完成的.ui程序可以转换成.py文件供python程序调用。

二、使用步骤

1.下载Pycharm以及Python,将下载好的Python解释器配置到Pycharm中

图片如下:

【在Pycharm上配置Qt Designer 及 Pyuic】_第1张图片

2.配置成功后新建venv项目

图片如下:

2.1 新建项目:
【在Pycharm上配置Qt Designer 及 Pyuic】_第2张图片
2.2 将新建项目添加到Python的根目录里:
【在Pycharm上配置Qt Designer 及 Pyuic】_第3张图片
2.3 项目创建成功后,项目界面如图

【在Pycharm上配置Qt Designer 及 Pyuic】_第4张图片
项目含有外部库以及venv虚拟库。


3.在Pyhon解释器中新增软件包

3.1 打点击文件–>点击设置【在Pycharm上配置Qt Designer 及 Pyuic】_第5张图片
3.2 点击项目–>点击python解释器,点击“+”
【在Pycharm上配置Qt Designer 及 Pyuic】_第6张图片
3.3 在搜索栏输入想要下载的软件包名称,pyqt5+pyqt5-tools,点击安装软件包
【在Pycharm上配置Qt Designer 及 Pyuic】_第7张图片
3.4 由于版本问题,python 3.10 无法下载 pyqt5-tools, 所以我们直接下载Pyqt5Designer. (另一种方法:将Python版本降级)。需要安装的库如图所示。安装方法重复3.3.

【在Pycharm上配置Qt Designer 及 Pyuic】_第8张图片

3.5 也可以使用CMD来下载软件包,口令如下:
pip install pyqt5
pip install Pyqt5Designer

【在Pycharm上配置Qt Designer 及 Pyuic】_第9张图片
安装成功后,cmd界面如上图。


4.在Pycharm中新增外部工具

4.1 在Pycharm中新增Qt Designer

4.1.1 首先在python的位置中找到在第三步下载的Pyqt5Designer的位置,找到designer.exe。

【在Pycharm上配置Qt Designer 及 Pyuic】_第10张图片
4.1.2 点击设置–>点击工具–>点击外部工具

【在Pycharm上配置Qt Designer 及 Pyuic】_第11张图片
4.1.3 填写内容如下图:

工作目录: F i l e D i r FileDir FileDir
【在Pycharm上配置Qt Designer 及 Pyuic】_第12张图片

程序的位置是4.1找到的位置。
填写完成后,点击确定。

4.1.4 或者直接在Scripts里面找到小程序的位置。

【在Pycharm上配置Qt Designer 及 Pyuic】_第13张图片

4.2 在Pycharm中新增Pyuic

4.2.1 首先在python的位置中找到在第三步下载的pyuic.exe 的位置。

【在Pycharm上配置Qt Designer 及 Pyuic】_第14张图片
4.2.2 点击设置–>点击工具–>点击外部工具
【在Pycharm上配置Qt Designer 及 Pyuic】_第15张图片
4.2.3 填写内容如下图:

实参: F i l e N a m e FileName FileName -o F i l e N a m e W i t h o u t E x t e n s i o n FileNameWithoutExtension FileNameWithoutExtension.py
工作目录: F i l e D i r FileDir FileDir

【在Pycharm上配置Qt Designer 及 Pyuic】_第16张图片


5.如何使用新增的外部工具

5.1 点击工具–>点击External tools–>击想要使用的工具
【在Pycharm上配置Qt Designer 及 Pyuic】_第17张图片
5.2 打开Qt Designer, 在下图布置界面,具体使用方法将在后期介绍。

【在Pycharm上配置Qt Designer 及 Pyuic】_第18张图片

5.3 布置结束后,在项目中生成.ui文件。

【在Pycharm上配置Qt Designer 及 Pyuic】_第19张图片

5.4选择.ui文件–>点击External tools–>点击pyuic

【在Pycharm上配置Qt Designer 及 Pyuic】_第20张图片

5.5 生成.py文件
【在Pycharm上配置Qt Designer 及 Pyuic】_第21张图片


总结

以上就是今天要讲的内容,本文仅仅简单介绍了如何安装Qt designer以及Pyuic,以及他们的基本用法。下次再见啦~

你可能感兴趣的:(Pycharm学习,pycharm,qt,python)