qt设置背景图片注意事项

曾经终败给现在 2022-08-10 09:22 321阅读 0赞

QT Create中，对button或者window等部件设置背景、颜色、透明等样式时，需要用到style sheet，可以直接在代码里写，也可以在ui设计师里通过右键change style sheet的方法来设置，本人是使用的后面的方式，下面介绍几种常见的用法。

介绍：

作者使用的开发环境为：qt creator 201005, qt4.7。

1、利用style sheet给窗体设置背景

使用stylesheet设置背景图片还是有一些要注意的，如果是在mainwindow和dialog中，直接右键change style sheet在add resource中选择background-image或者border-image，选择资源文件中的图片就行了（前者是按像素显示图片，后者可根据窗体大小来自动缩放图片），如下图：

但在widget中就不行，你会发现，用同样的方法，背景并没有发生改变，而仅仅是它的子窗体背景图片发生了改变。

那么在widget中要如何做呢，我们在widget中放置一个frame，然后对frame通过stylesheet设置背景，后面窗体里所有的部件都放在这个frame里。

我们知道，子窗体会继承父窗体的属性，也就是说，父窗体的背景，在子窗体中也会有，那如何让子窗体不继承父窗体的背景呢，同样的，还是在Edit Style Sheet里，需下输入如下代码：

复制代码

\#desktop \{

border-image: url(:/images/desktop.jpg);

\}

\#desktop \* \{

border-image:url();

\}

复制代码

desktop是你的窗体名。

2、menubar设置透明

我想做一个菜单按钮，像ubuntu的应用程序菜单一样，能在点击时弹出一个下拉框，我选择了用mainwindow来实现，但我如现menuba显示在顶层很难看，如何才能不让它显示呢。

设置menuba的stylesheet，

background-color:transparent

将背景设置为透明。

3、tool button不显示边框

当我们设置button的icon时，发现icon的形状并不与button完全一致，如下图：

设置stylesheet

border-style: flat;

效果如下：

注意，一定要选择tool button，而不要选择push button，因为push button活动的时候会有一个虚线框。

要达到上图的效果，除了设置border-style:flat，可不可以将style设置为transparent呢？设置成transparent后，显示上看，效果是和上图的一样，但当按下时，button没有被图片覆盖的地方就会显示被按下时的颜色。

4、在父窗体的stylesheet中设置子部件的属性

假设有多个button，且它们的样式是一样的，那是不是需要一个个设置呢？不需要的，我们可以在父窗体中进行设置，那么子部件都会继承它的属性。

如果某个button的样式特殊，再单独修改就行了，下面举个实例，在父窗体的stylesheet中设置如下

QDialog\{background:rgb(229, 255, 239)\}

QMenuBar\{background:url(:/image/header.bmp)\}

QStatusBar\{background:url(:/image/header.bmp)\}

QPushButton\{background:url(:/image/header.bmp)\}

QLCDNumber\{background:url(:/image/lcd.bmp)\}

QLabel\{color: rgb(0, 0, 255)\}

QDial\{background-color: rgb(67, 67, 67)\}

QGroupBox \{

border-width:2px;

border-style:solid;

border-color:\#FFFFFF;

\}

QGroupBox\{color: rgb(255,255, 255)\}

QToolButton\{border-style: flat;\}

结语：

style sheet用起来很方便，以上是总结的几种用法，后面会继续补充。

参考资料：

Qt中设置widget背景颜色/图片的注意事项（使用样式表 setStyleSheet()）

发表评论取消回复

表情：

评论列表（有 0 条评论，321人围观）

还没有评论，来说两句吧...

相关阅读

相关 flutter 设置背景图片

设置背景图片做移动开始的朋友都知道项目中很多时候要用到用图片做背景，当然flutter也可以设置背景图片。具体代码如下： class Backgr

不念不忘少年蓝@/ 2022年12月22日 08:44/ 0 赞/ 198 阅读

相关 QT 如何设置对话框的背景图片

一般而言，设置对话框背景有几种方式： 1、通过qss方式居中平铺 LoginDialog { width: 980px; hei

分手后的思念是犯贱/ 2022年11月14日 14:55/ 0 赞/ 230 阅读

相关 Qt如何设置窗口的背景图片

Qt如何设置窗口的背景图片？ 2010-03-14 14:34:11| 分类： [Linux 、windows ][Linux _windows]| 标签： |

╰+哭是因爲堅強的太久メ/ 2022年09月17日 14:23/ 0 赞/ 261 阅读

相关 qt设置背景图片注意事项

QT Create中，对button或者window等部件设置背景、颜色、透明等样式时，需要用到style sheet，可以直接在代码里写，也可以在ui设计师里通过右键c

曾经终败给现在/ 2022年08月10日 09:22/ 0 赞/ 322 阅读

相关 Qt中设置widget背景颜色背景图片的注意事项

Qt中设置widget背景颜色背景图片的注意事项在Qt中设置widget背景颜色或者图片方法很多种：重写paintEvent() , 调色板QPale

灰太狼/ 2022年08月05日 05:26/ 0 赞/ 326 阅读

相关 QT 按钮切换背景图片

使用setStyleSheet()函数进行设置：如将一个QPushButton类的按钮设置为： ui->btn\_name->setStyleSheet("QPushBu

阳光穿透心脏的1/2处/ 2022年08月02日 10:51/ 0 赞/ 220 阅读

相关 Qt 设置背景图片

1. QLabel QPixmap pixmap("background.png"); setPixmap(pixmap);

逃离我推掉我的手/ 2022年05月26日 07:39/ 0 赞/ 372 阅读

相关 IDEA设置背景图片

来先看看效果啊 ![70][] 漂亮嘛! 是美女当然漂亮咯! 怎么设置呢? 下面来教大家! 1.先下载安装Background Image Plus

痛定思痛。/ 2022年05月17日 10:59/ 0 赞/ 361 阅读

相关 Android 设置背景图片

使用代码的方式如下： LinearLayout temp=(LinearLayout)findViewById(R.id.LinearLayout

r囧r小猫/ 2022年05月15日 01:19/ 0 赞/ 353 阅读

相关背景图片设置属性

background-size有3个属性： auto：当使用该属性的时候，背景图片将保持100% 的大小显示，不进行任何缩放。超过div的多余部分将被隐藏。当图片过小时，图片

心已赠人/ 2021年09月19日 03:06/ 0 赞/ 530 阅读