PyQt5编程扩展之资源文件如何使用

发布时间:2023-03-11 11:26:12 作者:iii
来源:亿速云 阅读:84

本文小编为大家详细介绍“PyQt5编程扩展之资源文件如何使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“PyQt5编程扩展之资源文件如何使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

本例运行效果:

PyQt5编程扩展之资源文件如何使用

 设计Qt窗体 

建立项目

项目路径:e:\baikejia\bkj3-2,项目名QtApp,基类选择QWidget

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

放一个Group Box

命名为groupBox_Age,title为年龄设置

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

放三个Label

显示如图

PyQt5编程扩展之资源文件如何使用

放一个Horizontal Slider

放一个Horizontal Slider,命名为sliderSetAge,minimum属性0,maximum属性为100

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

放两个Line Edit

分别命名为editAgeInt和editAgeStr

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

层次结构 

PyQt5编程扩展之资源文件如何使用

布局

布局前窗体

PyQt5编程扩展之资源文件如何使用

选中GroupBox,然后点击工具栏的栅格布局按钮

PyQt5编程扩展之资源文件如何使用

窗体变成这样

PyQt5编程扩展之资源文件如何使用

放一个Group Box

命名为groupBox_Name,title为姓名设置

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

放两个Label

PyQt5编程扩展之资源文件如何使用

放两个Line Edit

分别命名为editNameInput和editNameHello,其中editNameInput的text属性设为Mike

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

放一个Push Button

命名为btnSetName,text设置为“设置姓名”

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

层次结构

PyQt5编程扩展之资源文件如何使用

布局

布局前窗体

PyQt5编程扩展之资源文件如何使用

选中GroupBox,然后点击工具栏的栅格布局按钮

PyQt5编程扩展之资源文件如何使用

放一个frame

PyQt5编程扩展之资源文件如何使用

命名为frame_Button 

PyQt5编程扩展之资源文件如何使用

在上面放一个Push Button和四个Horizontal Spacer

PyQt5编程扩展之资源文件如何使用

其中Push Button命名为btnClose,text设置为“关闭” 

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

层次结构

PyQt5编程扩展之资源文件如何使用

布局

布局前窗体

PyQt5编程扩展之资源文件如何使用

选中frame,设定水平布局

PyQt5编程扩展之资源文件如何使用

窗体总布局

点击窗体空白处,选中窗体,按垂直布局按钮,将窗体总布局设为垂直布局

PyQt5编程扩展之资源文件如何使用

适当缩小窗体

PyQt5编程扩展之资源文件如何使用

关闭按钮功能

点Edit Signals/Slots工具,鼠标左键放到关闭按钮上拖到窗口空白处

PyQt5编程扩展之资源文件如何使用

创建和使用资源文件

新建资源文件

Qt Creator中新建资源文件,命名为res.qrc

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

 在项目文件目录树中,会自动出现Resources文件组和res.qrc文件

PyQt5编程扩展之资源文件如何使用

编辑资源文件

在文件res.qrc上点击右键,选择Open In Editor

PyQt5编程扩展之资源文件如何使用

新建前缀

前缀的意思就是资源的分组

点Add Prefix

PyQt5编程扩展之资源文件如何使用

显示如下

PyQt5编程扩展之资源文件如何使用

将前缀改名为icons

PyQt5编程扩展之资源文件如何使用

新建放资源文件的目录

原QtApp目录文件如下

PyQt5编程扩展之资源文件如何使用

在这个目录下新建images文件夹

PyQt5编程扩展之资源文件如何使用

将所有图标文件放到images文件夹里面

PyQt5编程扩展之资源文件如何使用

添加图标文件

点Add Files

PyQt5编程扩展之资源文件如何使用

添加如下几个图标文件

PyQt5编程扩展之资源文件如何使用

点击上方的×,关闭资源编辑器 

PyQt5编程扩展之资源文件如何使用

引用图标文件

如果要在代码里面使用app.ico图标文件,其引用名称是

:/icons/images/app.ico

使用图标文件

回到窗体编辑器,点击“设置姓名”按钮

PyQt5编程扩展之资源文件如何使用

在对应的属性框中找到icon属性

PyQt5编程扩展之资源文件如何使用

点击icon右侧的输入框,点击右侧下拉箭头,然后点选择资源

PyQt5编程扩展之资源文件如何使用

选择322.bmp当图标

PyQt5编程扩展之资源文件如何使用

设好后,按钮就有图标了

PyQt5编程扩展之资源文件如何使用

同样,为关闭按钮选择132.bmp作为图标

PyQt5编程扩展之资源文件如何使用

资源文件的编译

窗体UI文件用到了资源文件后,只能在Qt目录下进行编译

编译前

PyQt5编程扩展之资源文件如何使用

编译窗体文件

PyQt5编程扩展之资源文件如何使用

拷贝编译后的窗体文件和资源文件

将编译后的两个py文件拷贝到e:\baikejia\bkj3-2目录中

PyQt5编程扩展之资源文件如何使用

打开Ui_Widget.py文件,可以看到文件最后有一行import res_rc

PyQt5编程扩展之资源文件如何使用

窗体业务逻辑类的设计

 复制human.py文件 

将3-1中建好的human.py文件复制到e:\baikejia\bkj3-2目录中

PyQt5编程扩展之资源文件如何使用

 新建Eric6项目 

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

 新建myWidget.py文件 

采用单继承方法设计一个窗体业务逻辑类QmyWidget,保存在myWidget.py中。代码如下: 

PyQt5编程扩展之资源文件如何使用

 运行程序

PyQt5编程扩展之资源文件如何使用

现在里面的按钮都是没有用的,注意看左上角的图标 

设置应用程序图标

PyQt5编程扩展之资源文件如何使用

增加如上红框内两段代码,运行程序,发现图标变了

PyQt5编程扩展之资源文件如何使用

 增加如下human相关代码 

PyQt5编程扩展之资源文件如何使用

年龄设置滚动条

在Qt中

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

在Eric6中添加代码

PyQt5编程扩展之资源文件如何使用

设置姓名按钮

在Qt中

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

在Eric6中添加代码

PyQt5编程扩展之资源文件如何使用

自定义信号

添加红色框中代码

PyQt5编程扩展之资源文件如何使用

运行程序

年龄设置

点击年龄滚动条,可以看到下面两个框框内的变化

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

姓名设置

PyQt5编程扩展之资源文件如何使用

关闭按钮

点击关闭按钮,程序退出

PyQt5编程扩展之资源文件如何使用

PyQt5编程扩展之资源文件如何使用

读到这里,这篇“PyQt5编程扩展之资源文件如何使用”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. PyQt5中如何使用textBrowser实现显示print输出语句
  2. PyQt5实现相对布局管理的方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

pyqt5

上一篇:Mysql数据库的导入导出方式有哪些

下一篇:网页中img图片怎么使用css实现等比例自动缩放不变形

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》