栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Python

PyQt5:使用QtDesigner设置图形界面

Python 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

PyQt5:使用QtDesigner设置图形界面

1、安装QtDesigner

安装教程在pycharm中安装pyqt5-tools库

 安装完成后,进入到 项目目录Libsite-packagespyqt5_tools 下

 发现和教程中写的并不一样,此处没有QtDesigner

百度了以后,单独安装QtDesigner库 

 安装完成后,进入到 项目目录Libsite-packagesQtDesigner 下,可以看到designer.exe

 2.使用QtDesigner设置界面

双击designer.exe打开

创建Widget

 随意拉几个控件,完成界面的设置

 将密码输入框的echoMode设置为Password,这样输入的就是******了

 选择编辑伙伴

点击Label拉到对应的输入框上

使用Ctrl+R可以预览窗口,此时可以使用Alt+A和Alt+P切换跳动两个输入框之间

选择编辑信号/槽

 点住登录按钮拖到Form中

选择click(),点击右侧的编辑按钮 

 添加一个方法

 此时,按F3回到编辑窗口部件状态

这里给登录按钮换个背景图片

 

 ​​​

 

 

 保存为ui文件

3.ui和资源文件转换为py文件

到 项目目录scripts 下,可以看到这里就有designer.exe,另外还可以看到有pyuic5.exe和pyrcc5.exe

打开CMD,执行以下命令,生成一个login.py文件

 查看login.py文件

运行这个文件,报如下的错,没有资源文件:

 执行以下命令,生成资源文件.py

 再次运行login.py,报如下错,因为我们还没加check_login这个方法:

 在代码中定义这个方法:

 然后再运行,不报错了,界面打开了,点击登录按钮,出现了提示信息:

4.将几个外部工具添加到pycharm中

在pycharm的setting中找到External Tools,点击+,就可以添加外部工具了

 添加QtDesigner

添加pyuic5,其中参数一栏可以写成 $FileName$ -o $FileNameWithoutExtension$.py -x

 添加pyrcc,其中参数一栏可以写成 $FileName$ -o $FileNameWithoutExtension$_rc.py

 

 至此,就可以直接在pycharm里打开QtDesigner了

 要转换ui或者rc文件至py文件就变的很容易了

 

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/294205.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号