QT添加资源和样式表(设计窗口背景图)

QT添加资源和样式表


Qt版本信息: 5.14版本/ Qt Creator
在这里插入图片描述


如果想要在ui设计时, 添加背景图或者一些好看的背景/框图等等,需要先添加资源文件,然后从资源文件获取背景,添加到界面上。

Step1:新建资源文件(resource file)

(1)

在这里插入图片描述


(2)选择Qt–> Qt Resource File ,

在这里插入图片描述

(3)命名之后直接下一步完成,

在这里插入图片描述

(5)然后在工程侧边栏就有了资源文件,

在这里插入图片描述

Step 2:添加文件

(1)点击Add Prefix 添加前缀,

在这里插入图片描述

Tips: 这里可以修改前缀,以便我们可以方便的分类我们存放的资源。比如我需要用到几张图片来作为ui界面的背景,就可以写为images,没有任何特别的含义,就是为了自己分类方便而已

(2)然后点击Add File添加自己需要的图片就可以了。

如下图:

在这里插入图片描述
[注:添加完资源文件要记得保存(Ctrl+S)]


Step3 :添加背景图

我在Ui界面放置了几个控件。等会会有一些问题出现,后面会说解决办法
(1)先在ui界面鼠标右键--->改变样式表

在这里插入图片描述

(2) 添加背景图片资源

在这里插入图片描述

我们添加了资源并保存了,在resource root下面便会出现我们建立的资源文件

#

注:因为图片太大,所以我更换了别的图片,选择图片,点击ok,然后点击Apply应用即可。


效果如下图所示:

在这里插入图片描述


有没有发现什么问题呢?

在这里插入图片描述

按钮控件的背景也变得跟整体背景一样了,这样的话,如果用其他颜色的背景,会使得按钮不明显,看不清楚哪里是按钮。

只需要再给每个按钮添加他自己的样式表,加入background—image即可

Tips: 或者用QFrame做筛选


欲以一身撼天下,须于平地起波澜

Author : 李光辉
date : Thu Aug 20 12:24:25 CST 2020
blog ID: Kevin_8_Lee
blog site : https://blog.csdn.net/Kevin_8_Lee

  • 12
    点赞
  • 38
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值