1.安装PyQt5和Qt Designer

按win+R后,输入cmd,

pip install pyqt5
pip install pyqt5-tools

因为网络等原因,安装可能会失败,可使用

pip install pyqt5-tools -i https://pypi.tuna.tsinghua.edu.cn/simple

安装路径:C:\Users\fylal\AppData\Local\Programs\Python\Python37\Lib\site-packages\qt5_applications\Qt\bin

在这里插入图片描述

2.在pycharm中进行配置

File-settings-Tools-External Tools,然后点击加号,并进行如下配置。
在这里插入图片描述

配置pyuic可以直接将ui文件转为py文件
在这里插入图片描述

依赖包和工具安装配置完成,下面简单演示一下如何使用。首先打开或新建一个Python项目,点击菜单栏中的“Tools”,选择“External Tools”,可以看到之前设置好的两个工具,选择“Qt Designer”打开Qt设计工具,步骤如下图所示:
在这里插入图片描述

常用组件

点击QtDesigner后,或点击安装路径下的designer.exe,点击创建。

常用组件:

  • 确认键(PushButton)

在这里插入图片描述

可改变对象名称和样式等

  • 标签(label)

同样可改变样式和对象名称

  • Text Edit(文本输入框)

  • Line Edit(常用于账号密码输入)

  • Horizontal/Vertical Line(可用于区域划分线)

在这里插入图片描述

可按ctrl+R进行预览

在这里插入图片描述

  • 编辑信号/槽

在这里插入图片描述

如果选择清除,则点击按钮,则会清除text的文本

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-o5o41deO-1637734568807)(C:\Users\fylal\AppData\Roaming\Typora\typora-user-images\image-20211124135422790.png)]

可连接多个信号槽

在这里插入图片描述

将ui界面保存为.py文件

先将设计好的界面保存为.ui文件

  • 在pycharm里

在这里插入图片描述

  • 终端进行转换

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

运行,结果为:
在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐