提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
网上关于设置窗口背景图片大多数都是对于主窗口MainWindow来设置的,很少有关于其他非主窗口背景图片设置的博客,本文主要从styleSheet属性来设置主窗口和非主窗口背景图片。
一、主窗口设置背景图片
(1)首先需要在项目中创建资源文件存储背景图片,具体步骤是:右键项目->Add New Project->Qt Resource File.
(2)在主窗口的属性设置中找到stylesheet,选择 添加资源->background_image,选择对应的背景图片。此时会出现图片的路径。
图片路径示例:{background-image: url(:/new/prefix1/C:/Users/dell/Pictures/background4.jpg);
此时会出现的问题是:加入背景图片的同时会把组件也添加背景颜色,这不是我们想要的结果。
解决方法是:需要在该图片路径前面添加 #objectName(此处的objectName即是.ui界面文件的类名,可以通过属性中的QObject查看),以及使用一对花括号将图片路径给括起来,修改后的图片路径示例:
#MainWindow {background-image: url(:/new/prefix1/C:/Users/dell/Pictures/background4.jpg)};
二、非主窗口设置背景图片
(1)非主窗口的背景图片设置和主窗口类似,相同之处也是需要通过资源文件来添加。不同之处是非主窗口需要添加一个组件:Widget(在左边的组件框中选择添加)。然后在Widget的属性中的styleSheet设置背景图片,设置步骤跟上面主窗口一样。注意是在Widget的styleSheet中设置,不是在.ui界面的styleSheet中设置,这就是唯一与主窗口设置的差别。
还有一个需要注意的是:添加Widget需要在添加各种组件之前添加,也就是要第一个添加Widget,否则Widget的背景图片会把所有组件给覆盖。
总结
希望拙作能够对各位提供有效的帮助,欢迎大家在评论区探讨问题。