Qt之设置窗口背景

以前遇到的很多小知识,从今天开始都一点一点记录下来。。。
窗口背景无非两种:背景色、背景图片。Qt中窗口背景如何设置?下面介绍三种方法:
一、QPalette设置背景
二、实现paintEvent,使用QPainter来绘制背景
三、使用QSS来设置背景
关于QSS的使用不想多说,一般我不用QSS设置窗口背景,也不建议使用。(注意:这里是对于窗口而言)。如果是子部件当然可以。因为窗口使用QSS设置背景之后,若子部件不使用同样的方式来设置,默认则会继承父窗口的样式
子部件一般情况下也不需要设置背景图片,即使需要使用QSS也完全可以满足。设置较多的是背景色与图标,QSS中使用background或者background-color的方式可以实现背景色的设置,图标则可以使用setPixmap或者setIcon来设置!
下面介绍QPalette以及paintEvent
一、QPalette设置背景
构造函数中可以使用如下方式:
(1)设置背景色
QPalette palette(this->palette());
palette.setColor(QPalette::Background, Qt::black);
this->setPalette(palette);
或:
QPalette palette;
palette.setBrush(this->backgroundRole(), Qt::black);
this->setPalette(palette);
这里setColor和setBrush都可以使用!
(2)设置背景图片
QPixmap pixmap = QPixmap(“:/qm/safe”).scaled(this->size());
QPalette palette(this->palette());
palette.setBrush(QPalette::Background, QBrush(pixmap));
this->setPalette(palette);
上面方式无论设置背景色还是背景图片QPalette::Background与this->backgroundRole()是等价的!
二、paintEvent设置背景
(1)设置背景色
void IIIMark::paintEvent(QPaintEvent *)
{
QPainter painter(this);
painter.setBrush(Qt::black);
painter.drawRect(this->rect());
}
(2)设置背景图片
void IIIMark::paintEvent(QPaintEvent *)
{
QPixmap pixmap = QPixmap(“:/qm/safe”).scaled(this->size());
QPainter painter(this);
painter.drawPixmap(this->rect(), pixmap);
}
注意:
(1)以上都是用scaled方式对图片进行了适应窗口大小的设置,因为所给的图片大小不一定满足要求,所以采用此方式!当然图片经过拉伸或者压缩之后会变形(纯色图片除外),所以对图片采用此方式时需要注意。
(2)设置背景范围的时候如果需要充满整个窗口最好使用this->rect(),因为我看到很多人在使用QRect(0, 0, 400, 400)之类的语句,那么如果窗口大小改变了呢?此句是不是要跟着变呢?
(3)如果需要背景图片或者背景色随可以发生改变时,也就是所谓的换肤功能,则采用paintEvent的方式,在需要改变的时候使用update()来进行更新。
(4)this->setAutoFillBackground(true)又让我想起了tr(),被很多人滥用。这句话在什么时候使用呢?不妨采用QPalette设置背景的方式加上与去掉这句话对比一下(在有父窗口的情况下使用)。如果这个QWidget直接show,则有背景色,如果放到一个父窗口中,就没有效果。添加该句即可!

更多参考:
1、http://blog.youkuaiyun.com/qq61394323/article/details/12512179
2、http://blog.youkuaiyun.com/cibiren2011/article/details/13022843
3、http://www.cnblogs.com/hanzhaoxin/archive/2012/11/18/2775918.html

<think>我们正在讨论在C++中使用Qt设置窗口背景图片的方法。根据提供的引用信息,我们可以总结出几种常见的方法: 方法1:使用样式表(StyleSheet) 通过设置样式表,可以指定背景图片。这种方法简单易用,但需要注意路径问题(如果使用资源文件,需要使用资源路径)。 方法2:使用调色板(QPalette) 通过设置窗口的调色板,将背景设置为一张图片。这种方法可以设置背景图片的缩放方式。 方法3:重写paintEvent事件 在paintEvent事件中绘制背景图片。这种方法最灵活,可以自定义绘制效果,例如平铺、拉伸、适应等。 下面我们分别详细说明这三种方法。 方法一:使用样式表 示例代码: this->setStyleSheet("background-image: url(:/images/background.png);"); 注意:这里的路径是资源文件中的路径。如果使用外部文件,需要确保路径正确,但通常建议将图片放入资源文件中。 方法二:使用调色板(QPalette) 示例代码: QPalette palette; palette.setBrush(QPalette::Background, QBrush(QPixmap(":/images/background.png"))); this->setPalette(palette); 但是,在Qt5.15及以后的版本中,QPalette::Background已经被标记为过时,建议使用QPalette::Window。另外,为了支持高DPI屏幕,可能需要设置缩放。 方法三:重写paintEvent事件 在窗口类中重写paintEvent函数,使用QPainter绘制背景图片。 示例代码(在窗口类中): void MyWidget::paintEvent(QPaintEvent *event) { QPainter painter(this); // 绘制背景图片,适应窗口大小 painter.drawPixmap(0, 0, width(), height(), QPixmap(":/images/background.png")); // 或者保持图片比例,居中显示等 // ... 其他绘制操作 } 这种方法可以灵活控制图片的绘制方式。 根据引用[3]中的示例,我们可以实现背景图片的自适应大小。在paintEvent中,我们可以使用窗口的当前大小来绘制图片,这样当窗口大小改变时,背景图片也会随之调整。 注意:如果使用资源文件,请确保已将图片添加到Qt的资源文件中(.qrc文件)。 下面我们分别给出三种方法的完整示例(假设窗口类名为MainWindow): 方法1示例(样式表): // 在MainWindow的构造函数中 this->setStyleSheet("MainWindow { background-image: url(:/images/background.png); }"); 方法2示例(调色板): // 在MainWindow的构造函数中 QPalette palette; palette.setBrush(QPalette::Window, QBrush(QPixmap(":/images/background.png").scaled(size(), Qt::IgnoreAspectRatio, Qt::SmoothTransformation))); this->setPalette(palette); 注意:这里使用了scaled函数将图片缩放到窗口大小。如果不缩放,图片会以原始大小平铺。 方法3示例(paintEvent): // 在MainWindow的头文件中声明paintEvent函数 protected: void paintEvent(QPaintEvent *event) override; // 在MainWindow的cpp文件中实现 void MainWindow::paintEvent(QPaintEvent *event) { QPainter painter(this); painter.drawPixmap(rect(), QPixmap(":/images/background.png")); // 或者使用以下方式保持图片比例(居中,不拉伸): // QPixmap pixmap(":/images/background.png"); // pixmap = pixmap.scaled(size(), Qt::KeepAspectRatio, Qt::SmoothTransformation); // painter.drawPixmap((width()-pixmap.width())/2, (height()-pixmap.height())/2, pixmap); // 也可以选择拉伸填充整个窗口(可能变形): // painter.drawPixmap(rect(), pixmap.scaled(size(), Qt::IgnoreAspectRatio, Qt::SmoothTransformation)); } 根据需求选择合适的方法。如果只需要简单的背景图片,方法1最简单;如果需要更复杂的控制,方法3最灵活。 另外,注意在设置背景图片后,可能会影响其他控件的显示。如果窗口上有子控件,可能需要设置控件的背景为透明或者半透明,以避免覆盖背景。 例如,对于QLabel,可以设置样式表为: label->setStyleSheet("background: transparent;"); 或者: label->setAttribute(Qt::WA_TranslucentBackground); 这样背景图片就能透过标签显示出来。 最后,如果背景图片较大,可能会占用较多内存,并且缩放操作可能会影响性能,因此需要根据实际情况选择合适大小的图片。 希望这些方法能够帮助你实现窗口背景图片的设置。 §§相关问题§§ 1. 在Qt设置背景图片时,如何保持图片的宽高比例? 2. 使用样式表设置背景图片和使用调色板设置背景图片有什么区别? 3. 在重写paintEvent绘制背景时,如何避免闪烁? 4. Qt中如何实现背景图片的平铺(tile)效果? 5. 在Qt中,如何为不同的窗口状态(如激活、非激活)设置不同的背景图片?</think>在C++中使用Qt设置窗口背景图片,主要有三种方法:**样式表法**、**调色板法**和**重绘事件法**。以下是具体实现及对比: --- ### 方法1:样式表法(推荐) ```cpp // 在窗口构造函数中 this->setStyleSheet("background-image: url(:/images/bg.jpg); background-position: center;"); ``` - **优点**:代码简洁,支持CSS属性(如居中、平铺、缩放) - **注意**: - 路径需使用Qt资源系统(`:/`前缀) - 若需自适应窗口大小,添加: `background-size: cover;`(覆盖)或 `contain;`(包含) --- ### 方法2:调色板法 ```cpp // 在窗口构造函数中 QPixmap bkgnd(":/images/bg.jpg"); bkgnd = bkgnd.scaled(size(), Qt::IgnoreAspectRatio); // 拉伸填充 QPalette palette; palette.setBrush(QPalette::Window, bkgnd); this->setPalette(palette); ``` - **优点**:直接控制缩放 - **缺点**:窗口大小改变时需手动重设缩放 --- ### 方法3:重写paintEvent(灵活控制) ```cpp // 头文件声明 protected: void paintEvent(QPaintEvent *event) override; // 实现 void YourWindow::paintEvent(QPaintEvent *event) { QPainter painter(this); QPixmap pixmap(":/images/bg.jpg"); // 自适应缩放(保持比例) pixmap = pixmap.scaled(size(), Qt::KeepAspectRatioByExpanding, Qt::SmoothTransformation); // 居中绘制 painter.drawPixmap((width() - pixmap.width())/2, (height() - pixmap.height())/2, pixmap); } ``` - **优点**:完全控制绘制逻辑(如居中、平铺) - **适用场景**:复杂背景需求(如动态背景)[^3] --- ### 关键对比 | 方法 | 自适应窗口 | 代码复杂度 | 性能 | 灵活性 | |--------------|------------|------------|--------|------------| | **样式表** | ✅ | ⭐⭐ | 较高 | 中等 | | **调色板** | ❌需手动 | ⭐⭐ | 高 | 低 | | **paintEvent**| ✅ | ⭐⭐⭐ | 中 | 极高 | > **建议**: > - 简单场景用**样式表法**(添加`background-size`属性) > - 复杂动态效果用**paintEvent法** --- ### 注意事项 1. **资源路径**:图片必须添加到Qt资源文件(`.qrc`) ```xml <qresource> <file>images/bg.jpg</file> </qresource> ``` 2. **子控件背景**:若子控件遮挡背景,需设置透明: ```cpp childWidget->setAttribute(Qt::WA_TranslucentBackground); childWidget->setStyleSheet("background: transparent;"); ``` 3. **性能优化**:大尺寸图片预缩放避免卡顿
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值