QT基础(三)之添加资源文件及界面美化

QT基础之添加资源文件及界面美化

QT可以做出非常炫酷的图形界面,通过添加一些资源文件可以对我们的界面进行美化,下面以添加图片资源,美化标签为例,对QT Creator添加资源文件进行学习。

一、添加资源文件

1.给工程添加一个新的资源文件,选择Qt->Qt Resource File,点击choose进入下一步
QT基础(三)之添加资源文件及界面美化

2.填写创建的资源文件名称以及资源所在路径,点击下一步
QT基础(三)之添加资源文件及界面美化

3.为资源添加前缀:
QT基础(三)之添加资源文件及界面美化

点击添加->添加前缀
QT基础(三)之添加资源文件及界面美化

4.添加资源到资源文件中,点击添加->添加文件,选择需要添加的资源文件
QT基础(三)之添加资源文件及界面美化

添加完成后保存,保存完成即可使用添加的资源文件

QT基础(三)之添加资源文件及界面美化

二、使用资源文件进行界面美化

1.点击ui布局文件进入布局界面,添加一个Lable标签。

选中标签,右键选择改变样式表

QT基础(三)之添加资源文件及界面美化

2.点击添加资源右侧的下拉按钮,根据填充方式需要进行选择,然后添加资源文件中的图标资源

QT基础(三)之添加资源文件及界面美化
  • background-image是平铺方式,像电脑桌面的平铺,图片尺寸不变;

  • border-image是像桌面的拉伸效果;

  • image即添加一个完整图片,随控件改变大小。

3.删除标签的文字后,可以看到更好效果

QT基础(三)之添加资源文件及界面美化

也可以将按钮的样式进行修改,进一步美化

QT基础(三)之添加资源文件及界面美化