PyQt5编程扩展之资源文件的使用教程

本例运行效果:

PyQt5编程扩展之资源文件的使用教程_第1张图片

 设计Qt窗体 

建立项目

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

PyQt5编程扩展之资源文件的使用教程_第2张图片

PyQt5编程扩展之资源文件的使用教程_第3张图片

放一个Group Box

命名为groupBox_Age,title为年龄设置

PyQt5编程扩展之资源文件的使用教程_第4张图片

放三个Label

显示如图

PyQt5编程扩展之资源文件的使用教程_第5张图片

放一个Horizontal Slider

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

PyQt5编程扩展之资源文件的使用教程_第6张图片

PyQt5编程扩展之资源文件的使用教程_第7张图片

放两个Line Edit

分别命名为editAgeInt和editAgeStr

PyQt5编程扩展之资源文件的使用教程_第8张图片

PyQt5编程扩展之资源文件的使用教程_第9张图片

PyQt5编程扩展之资源文件的使用教程_第10张图片

层次结构 

PyQt5编程扩展之资源文件的使用教程_第11张图片

布局

布局前窗体

PyQt5编程扩展之资源文件的使用教程_第12张图片

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

PyQt5编程扩展之资源文件的使用教程_第13张图片

窗体变成这样

PyQt5编程扩展之资源文件的使用教程_第14张图片

放一个Group Box

命名为groupBox_Name,title为姓名设置

放两个Label

PyQt5编程扩展之资源文件的使用教程_第15张图片

放两个Line Edit

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

PyQt5编程扩展之资源文件的使用教程_第16张图片

PyQt5编程扩展之资源文件的使用教程_第17张图片

PyQt5编程扩展之资源文件的使用教程_第18张图片

放一个Push Button

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

PyQt5编程扩展之资源文件的使用教程_第19张图片

PyQt5编程扩展之资源文件的使用教程_第20张图片

层次结构

PyQt5编程扩展之资源文件的使用教程_第21张图片

布局

布局前窗体

PyQt5编程扩展之资源文件的使用教程_第22张图片

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

PyQt5编程扩展之资源文件的使用教程_第23张图片

放一个frame

PyQt5编程扩展之资源文件的使用教程_第24张图片

命名为frame_Button 

PyQt5编程扩展之资源文件的使用教程_第25张图片

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

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

PyQt5编程扩展之资源文件的使用教程_第26张图片

PyQt5编程扩展之资源文件的使用教程_第27张图片

层次结构

PyQt5编程扩展之资源文件的使用教程_第28张图片

布局

布局前窗体

PyQt5编程扩展之资源文件的使用教程_第29张图片

选中frame,设定水平布局

PyQt5编程扩展之资源文件的使用教程_第30张图片

窗体总布局

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

PyQt5编程扩展之资源文件的使用教程_第31张图片

适当缩小窗体

PyQt5编程扩展之资源文件的使用教程_第32张图片

关闭按钮功能

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

创建和使用资源文件

新建资源文件

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

PyQt5编程扩展之资源文件的使用教程_第33张图片

PyQt5编程扩展之资源文件的使用教程_第34张图片

PyQt5编程扩展之资源文件的使用教程_第35张图片

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

PyQt5编程扩展之资源文件的使用教程_第36张图片

编辑资源文件

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

PyQt5编程扩展之资源文件的使用教程_第37张图片

新建前缀

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

点Add Prefix

PyQt5编程扩展之资源文件的使用教程_第38张图片

显示如下

PyQt5编程扩展之资源文件的使用教程_第39张图片

将前缀改名为icons

PyQt5编程扩展之资源文件的使用教程_第40张图片

新建放资源文件的目录

原QtApp目录文件如下

PyQt5编程扩展之资源文件的使用教程_第41张图片

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

PyQt5编程扩展之资源文件的使用教程_第42张图片

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

PyQt5编程扩展之资源文件的使用教程_第43张图片

添加图标文件

点Add Files

PyQt5编程扩展之资源文件的使用教程_第44张图片

添加如下几个图标文件

PyQt5编程扩展之资源文件的使用教程_第45张图片

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

PyQt5编程扩展之资源文件的使用教程_第46张图片

引用图标文件

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

:/icons/images/app.ico

使用图标文件

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

PyQt5编程扩展之资源文件的使用教程_第47张图片

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

PyQt5编程扩展之资源文件的使用教程_第48张图片

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

PyQt5编程扩展之资源文件的使用教程_第49张图片

选择322.bmp当图标

PyQt5编程扩展之资源文件的使用教程_第50张图片

设好后,按钮就有图标了

PyQt5编程扩展之资源文件的使用教程_第51张图片

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

PyQt5编程扩展之资源文件的使用教程_第52张图片

资源文件的编译

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

编译前

PyQt5编程扩展之资源文件的使用教程_第53张图片

编译窗体文件

PyQt5编程扩展之资源文件的使用教程_第54张图片

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

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

PyQt5编程扩展之资源文件的使用教程_第55张图片

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

窗体业务逻辑类的设计

 复制human.py文件 

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

PyQt5编程扩展之资源文件的使用教程_第56张图片

 新建Eric6项目 

PyQt5编程扩展之资源文件的使用教程_第57张图片

PyQt5编程扩展之资源文件的使用教程_第58张图片

 新建myWidget.py文件 

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

PyQt5编程扩展之资源文件的使用教程_第59张图片

 运行程序

PyQt5编程扩展之资源文件的使用教程_第60张图片

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

设置应用程序图标

PyQt5编程扩展之资源文件的使用教程_第61张图片

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

PyQt5编程扩展之资源文件的使用教程_第62张图片

 增加如下human相关代码 

PyQt5编程扩展之资源文件的使用教程_第63张图片

年龄设置滚动条

在Qt中

PyQt5编程扩展之资源文件的使用教程_第64张图片

PyQt5编程扩展之资源文件的使用教程_第65张图片

PyQt5编程扩展之资源文件的使用教程_第66张图片

在Eric6中添加代码

PyQt5编程扩展之资源文件的使用教程_第67张图片

设置姓名按钮

在Qt中

PyQt5编程扩展之资源文件的使用教程_第68张图片

PyQt5编程扩展之资源文件的使用教程_第69张图片

PyQt5编程扩展之资源文件的使用教程_第70张图片

在Eric6中添加代码

PyQt5编程扩展之资源文件的使用教程_第71张图片

自定义信号

添加红色框中代码

PyQt5编程扩展之资源文件的使用教程_第72张图片

运行程序

年龄设置

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

PyQt5编程扩展之资源文件的使用教程_第73张图片

PyQt5编程扩展之资源文件的使用教程_第74张图片

姓名设置

PyQt5编程扩展之资源文件的使用教程_第75张图片

关闭按钮

点击关闭按钮,程序退出

PyQt5编程扩展之资源文件的使用教程_第76张图片

PyQt5编程扩展之资源文件的使用教程_第77张图片

总结

到此这篇关于PyQt5编程扩展之资源文件的使用的文章就介绍到这了,更多相关PyQt5资源文件的使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(PyQt5编程扩展之资源文件的使用教程)