如何在Qt Desginer中设置背景图片,且不覆盖其它控件

这篇具有很好参考价值的文章主要介绍了如何在Qt Desginer中设置背景图片,且不覆盖其它控件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

正常情况,我们直接通过在样式表里设置背景图片会出现背景图片覆盖其它控件的情况,比如下面操作:

首先右击空白处,点击改变样式表。
qt添加背景图片不覆盖其他控件,放在后面,Qt,ui

然后选择background-image
qt添加背景图片不覆盖其他控件,放在后面,Qt,ui

然后点击铅笔图标
qt添加背景图片不覆盖其他控件,放在后面,Qt,ui

之后我们要先添加前缀,也就是我们的项目名,比如我的这个项目名为Snake,那就添加一个名为Snake的前缀,后面要把资源文件添加到该前缀下,即添加到该项目下。
qt添加背景图片不覆盖其他控件,放在后面,Qt,ui

然后点击添加资源文件,把我们要用到的图片添加到该前缀下
qt添加背景图片不覆盖其他控件,放在后面,Qt,ui

上面的那三张图片就是我添加的,选择其中一张图片作为背景图片,然后一路点OK,会发现,确实添加了背景图片,但是背景图片却覆盖了其它的控件。
qt添加背景图片不覆盖其他控件,放在后面,Qt,ui
这是因为组件的继承。 最开始的面板就是父类,我们新增加的组件是子类,默认都是继承的。因此我们给父类面板控件添加背景图片,子类控件也都继承下来了,也就相当于给子类添加了背景图片,所以背景图片就覆盖了子类。
当然了继承也有继承的好处, 比如,我想统一所有的字体样式,然后就设置父类的字体样式就好了。

既然知道了原理,就不要随便设置父类的样式,以免出现子类控件继承了父类的样式这种情况。

这里我们可以使用一个跟其它组件没有继承关系的ListView,然后铺开,专门作为背景层。

我们将刚刚的操作全部删除掉,重新开始。
qt添加背景图片不覆盖其他控件,放在后面,Qt,ui

首先我们将ListView拖拽到界面上
qt添加背景图片不覆盖其他控件,放在后面,Qt,ui

然后将ListView放大,铺满整个面板,然后右击,选择放到后面,结果如下:
qt添加背景图片不覆盖其他控件,放在后面,Qt,ui

此时我们左击空白处,选中ListView,然后右击空白处,选择改变样式表,然后点击background-image:
qt添加背景图片不覆盖其他控件,放在后面,Qt,ui

后面的操作就和之前讲过的一样,先点击铅笔图标,然后添加前缀,再添加要使用的资源文件,添加后,选中该图片,一路点OK,最终呈现的效果如下,没有覆盖其它控件。
qt添加背景图片不覆盖其他控件,放在后面,Qt,ui文章来源地址https://www.toymoban.com/news/detail-780320.html

到了这里,关于如何在Qt Desginer中设置背景图片,且不覆盖其它控件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • QT通过styleSheet样式表设置按钮背景图片自适应大小

    默认按钮效果   鼠标移动到按钮上的效果     鼠标按住不放的效果      1.添加背景图片资源

    2024年02月11日
    浏览(72)
  • Qt中正确的设置窗体的背景图片的几种方式

    原文链接:https://blog.csdn.net/yanche521/article/details/51017601 Qt中正确的设置窗体的背景图片的方法大致有两种,下面将逐个讲解: 使用stylesheet设置窗体的背景图片的时候,可以直接按照下图的操作去进行即可,如下图所示: 但是,需要注意的是: 1.在QWidget中这种方法是不行的,

    2024年02月05日
    浏览(78)
  • pygame如何添加背景图片

    Pygame可以使用pygame.image模块来添加背景图片,方法如下: 使用pygame.image.load( )加载图片; 使用pygame.transform.scale( )缩放图片; 使用pygame.display.set_mode( )创建一个新的显示窗口; 使用pygame.display.get_surface( )获取窗口表面; 使用pygame.display.update( )更新窗口表面; 使用pygame.display

    2024年02月11日
    浏览(51)
  • VSCode 如何设置背景图片

     VSCode 设置背景图片 1.打开应用商店,搜索 background ,选择第一个,点击安装。 2. 安装完成后点击设置,点击扩展设置。 3.点击在 settings.json 中编辑。    4.将原代码注释后,加入以下代码。   5. 保存后重启 VSCode 就能看到设置的背景图片啦。 6.最后再点击设置,点击颜色主

    2024年02月06日
    浏览(59)
  • Visual Studio中如何设置背景图片,壁纸

    学习编程是一个漫长的过程,设置一个自己喜欢的背景图片,可以给我们的学习过程添加一些乐趣。 下面是效果图 目录 1.在扩展中下载ClaudialDE 2.设置背景图片 3.隐藏窗口  3.或使窗口透明 4.修改注释颜色 扩展—管理扩展  在右边搜索框内搜索background,下载第一个ClaudialDE和

    2023年04月26日
    浏览(63)
  • 如何更换电脑背景图片?这样做很简单!

    【我的电脑背景图片是系统自带的壁纸,不太好看,我想把它换成自己的照片。有没有小伙伴知道电脑怎么更换背景图片?在线求个简单的方法!】 在日常生活中,我们常常需要更换电脑背景图片来增强视觉体验或者个性化电脑界面。那么,如何更换 电脑背景图片 呢?如何

    2023年04月19日
    浏览(42)
  • Visual Studio 2022 中如何设置背景图片,壁纸

    学习编程是一个漫长的过程,设置一个自己喜欢的背景图片,可以给我们的学习过程添加一些乐趣。 下面是效果图 目录 1.在扩展中下载ClaudialDE 2.设置背景图片 3.隐藏窗口  3.或使窗口透明 4.修改注释颜色 扩展—管理扩展  在右边搜索框内搜索background,下载第一个ClaudialDE和

    2024年02月15日
    浏览(68)
  • CSS中如何实现背景图片的平铺和定位?

    前端入门之旅:探索Web开发的奇妙世界 记得点击上方或者右侧链接订阅本专栏哦 几何带你启航前端之旅 欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发者,这里都将为你提供一

    2024年02月10日
    浏览(52)
  • 微信小程序 背景图片如何占满整个屏幕

    1. 在页面的wxss文件中,设置背景图片的样式: 2. 在页面的json文件中,设置背景图片的样式:

    2024年02月14日
    浏览(97)
  • 如何更改 CSS 背景图片的不透明度

    介绍 opacity 是一个 CSS 属性,允许你改变元素的不透明度。默认情况下,所有元素的值为 1 。通过将这个值更接近 0 ,元素将会变得越来越透明。 一个常见的用例是将图像作为背景的一部分。调整不透明度可以提高文本的可读性或实现所需的外观。然而,目前没有办法只针对

    2024年04月17日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包