qt设置背景图片注意事项

曾经终败给现在 2022-08-10 09:22 352阅读 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 条评论，352人围观）

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

相关阅读

相关 QT使用注意事项

1. 当涉及QT库相关时，尤其是要使用QT的plugins功能时，要注意运行程序的目录是否包含相关的DLL文件。可以通过QCoreApplication::addLibrary

Bertha 。/ 2023年07月13日 08:16/ 0 赞/ 31 阅读

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

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

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

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

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

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

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

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

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

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

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

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

相关 QT 按钮切换背景图片

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

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

相关 Qt 设置背景图片

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

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

相关 IDEA设置背景图片

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

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

相关 Android 设置背景图片

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

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

相关背景图片设置属性

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

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