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

目录

本例运行效果:

设计Qt窗体

建立项目

放一个Group Box

放三个Label

放一个Horizontal Slider

放两个Line Edit

层次结构 

布局

放一个Group Box

 放两个Label

放两个Line Edit

放一个Push Button

层次结构

布局

放一个frame

层次结构

布局

窗体总布局

关闭按钮功能

创建和使用资源文件

新建资源文件

编辑资源文件

新建前缀

新建放资源文件的目录

添加图标文件

引用图标文件

使用图标文件

资源文件的编译

编译前

编译窗体文件

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

窗体业务逻辑类的设计

复制human.py文件

新建Eric6项目

新建myWidget.py文件

设置应用程序图标

增加如下human相关代码

年龄设置滚动条

设置姓名按钮

自定义信号

运行程序

年龄设置

姓名设置

关闭按钮


本例运行效果:

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

设计Qt窗体

建立项目

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

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

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

放一个Group Box

命名为groupBox_Age,title为年龄设置

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

放三个Label

显示如图

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

放一个Horizontal Slider

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

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

放两个Line Edit

分别命名为editAgeInt和editAgeStr

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

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

层次结构 

 

布局

布局前窗体

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

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

PyQt5编程扩展 3.2 资源文件的使用_第11张图片 窗体变成这样

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

放一个Group Box

命名为groupBox_Name,title为姓名设置

 放两个Label

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

放两个Line Edit

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

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

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

放一个Push Button

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

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

层次结构

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

布局

布局前窗体

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

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

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

放一个frame

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

命名为frame_Button 

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

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

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

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

层次结构

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

布局

布局前窗体

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

选中frame,设定水平布局

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

窗体总布局

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

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

适当缩小窗体

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

关闭按钮功能

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

创建和使用资源文件

新建资源文件

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

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

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

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

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

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

编辑资源文件

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

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

新建前缀

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

点Add Prefix

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

显示如下

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

将前缀改名为icons

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

新建放资源文件的目录

原QtApp目录文件如下

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

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

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

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

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

添加图标文件

点Add Files

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

添加如下几个图标文件

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

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

引用图标文件

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

:/icons/images/app.ico

使用图标文件

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

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

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

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

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

 选择322.bmp当图标

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

设好后,按钮就有图标了

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

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

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

资源文件的编译

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

编译前

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

编译窗体文件

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

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

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

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

窗体业务逻辑类的设计

复制human.py文件

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

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

新建Eric6项目

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

新建myWidget.py文件

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

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

 运行程序

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

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

设置应用程序图标

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

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

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

增加如下human相关代码

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

年龄设置滚动条

在Qt中

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

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

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

在Eric6中添加代码

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

设置姓名按钮

在Qt中

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

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

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

在Eric6中添加代码

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

自定义信号

添加红色框中代码

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

运行程序

年龄设置

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

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

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

姓名设置

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

关闭按钮

点击关闭按钮,程序退出

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

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

你可能感兴趣的:(Python,qt,开发语言,python)