Qt共三大方法设置窗口的背景图片

本文介绍了Qt中设置窗口背景颜色或图片的三种方法,包括重写paintEvent()事件用QPainter绘制、使用QPalette调色板设置以及使用QSS样式表设置。同时指出了使用样式表的注意事项,如在顶层窗口使用的局限,还对比了几种方法在图像缩放等方面的差异。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、重写paintEvent()事件。在该事件中用画笔QPainter的方式画整个背景。
void MainWin::paintEvent(QPaintEvent *event)
{
QPainter painter(this); painter.drawPixmap(0,0,width(),height(),QPixmap('./wallpaper/11.jpg'));
}

二:用调色板QPalette。
  步骤:
  1定义一个QPalette对象
  2设置QPalette对象的背景属性(颜色或图片)
  3设置 autoFillBackground属性为真
  4最后设置QWidget对象的Palette
  ( 下边代码中:ptr为指向要设置的widget的指针。)
  (1)用调色板
QWidget *ptr =new QWidget ;
QPalette palette; palette.setBrush(QPalette::Background,QBrush(Qt::red));
ptr->setPalette(palette);
ptr->setAutoFillbackground(true); QWidget ->show();
  该方法中:如果只有前三句是不会生效的。必须加上最后ptr->setAutoFillbackground(true)才生效!

  (2):对1的改进
QPalette palette = ptr->palette(); palette.setBrush(QtPalette::Background,QBrush(Qt::red));
ptr->setPalette(palette);
ptr->setAutoFillbackground(true);
  该方法中:比前一种方法的改进之处是:因为palette()这个函数在QWidget体系和 QGraphicsWidget体系中都有,所以:上述代码可以在这两种体系中通用!
  (3)进一步改进
QPalette palette = ptr->palette();
palette->setBrush(QPalette::Active,QPalette::Window,QBrush(....))
ptr->setPalette(palette);
ptr->setAutoBackground(true);
  推荐用这种方法,大家可以查看一下
  QPalette::setBrush ( ColorGroup group, ColorRole role, const QBrush & brush )
  这个重载函数的声明,这个函数可以设置很多东西!其第二个参数指定要设置的角色!这里举几个例 子: 如果ptr指向的是一个QListWidget或者QTextEdit对象,则将第二个参数设置 成:QPalette::Text,则是设置其中文字的颜色,如果是QPalette::BrightText,则是设置当被选中时:文字的颜色,而Palette::Bright则是设置选中时高亮背景的颜色或者图片。因为该函数可 以设置的角色众多,所以功能也相对强大!

  三 、用样式表。
  ptr->setStyleSheet('background-color:yellow;'); //设置背景颜色
  ptr->setStyleSheet('background-image:url(:/folder/aa.bmp);'); //设置背景图片
  此外,还有一些很有意思的方法,比如用setHtml(),insetHtml()这种用HTML语言的方式来指定的等等,大家可以多查查帮助文档搜索一下~~



最后补充一下:
  Qt中设置widget背景颜色/图片的注意事项(使用样式表 setStyleSheet())
  这个函数我一直很喜欢使用,因为只要写一句就可以实现效果,比其他方法都简单,但是其却有一个很值得注意的地方,也就是这个地方让我大吃苦头。
  亦即:①:该函数只能用于设置有父窗口的子窗口的背景!如果一个窗口没有子窗口,则无法使用该函数来设置背景颜色或图 片!!
  ②:同时:对于一个父窗口而言:如果我们用setStyleShette设置了其样式,而对于其子窗口:如果没有用同样的函数来设 置的话, 则其子窗口的样式和其父窗口完全一致,亦即:其集成了自己父窗口的样式!
  ③:延伸:对顶层窗口(没有父窗口),其有若干个子窗口,则当我们用setStyleShette来设置这个顶层窗口的样式后,依据①可知:该父窗口本身没有任何变化,亦即设置没有生效;而其子窗口:只要子窗口本身没有用setStyleShette来设置自己的样式表,则其就是用的自己父窗口的样式表!!
  MainWin::MainWin()
  iButton = new QPushButton(this);
  iLabel = new QLabel(iButton);
  QPalette palette;
  palette.setBrush(iLabel->backgroundRole(),QBrush(QImage(':/bmp/1257253475842.jpg')));
  iLabel->setPalette(palette);
  iLabel->setAutoFillBackground(true);
  }

  总之:
  1:不要在顶层窗口(无父类的窗口)中使用setStyleSheet() ,否则其一父窗口的背景不会改变,其次其子窗口的背景设置方法变得局限唯一,不能再使用其它方法!
  2:如果一个一般窗口(非顶层窗口)还有子窗口,那最好不要使用setStyleSheet()来设置其背景颜色,因为虽然此时该窗口的背景设置是生效的,但是其子窗口的背景设置也变得局限唯一,只能使用setStyleSheet,而不能使用其它方法! 当然:你如果就是只想使用这种方法,那也完全可以!!
  说白了就是:不要再MainWindow中使用setStyleSheet()!
  而上边之所以强调拓宽子窗口设置背景的方法范围,这是因为:如果只能用setStyleSheet样式表来设置背景图片的话,该图片是无法缩放的,如果其大小与widget窗口大小不相符,则我们无法用程序来实现图片的缩放,除非我们直接处理图片使其大小与widget窗口相符; 而如果不局限于用setStyleSheet样式表来设置的话,我们可以选择用QPalette调色版,其内部setBrush()之前,我们完全可以先对图片进行scale缩放再刷到窗口上,这样就避免直接去处理图片,灵活性强一点!

 

方法1. setStylSheet{"QDialog{background-image:url()"}}  //使用styleSheet 这种方法的好处是继承它的dialog都会自动设置背景,例如更换皮肤就是一个不错的选择

方法2. QPalette pal;

            pal.setBrush(QPalette::Background,QBrush(QPixmap("")));
            this->setPalette(pal);


方法3.在paintEvent(QPaintEvent *)事件中                    //这种用于各种自定义控件
     QPainter painter(this);
     painter.drawPixmap(rect(), QPixmap&);

http://blog.youkuaiyun.com/what951006/article/details/51538812

----------------------------------------------------------------------------------------------------------------

添加在构造函数里面:

[cpp] view plain copy

 

 在CODE上查看代码片派生到我的代码片

  1. /* 设置背景图片 */  
  2. QPixmap pixmap(":/new/prefix1/images/1.png");  
  3. QPalette palette;  
  4. palette.setBrush(backgroundRole(), QBrush(pixmap));  
  5. setPalette(palette);  

http://blog.youkuaiyun.com/emdfans/article/details/27826613

----------------------------------------------------------------------------------------------------------------

前言:窗口背景无非两种,及背景颜色、背景图片。Qt中窗口背景如何设置?总结以下三种方法。

 

1、QPalette设置背景

2、实现paintEvent,使用QPainter来绘制背景

3、使用QSS来设置背景

---------------------------------------------------------------

关于QSS(样式表)的使用不想多说,一般我不用QSS设置窗口背景,也不建议使用。(注意:这里是对于窗口而言)。如果是子部件当然可以。因为窗口使用QSS设置背景之后,若子部件不使用同样的方式来设置,默认则会继承父窗口的样式。

     子部件一般情况下也不需要设置背景图片,即使需要使用QSS也完全可以满足。设置较多的是背景色与图标,QSS中使用background或者background-color的方式可以实现背景色的设置,图标则可以使用setPixmap或者setIcon来设置!

----------------------------------------------------------------------

一、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都可以使用!

这里需要特别注意一点,如果QWidget直接show出来,是有背景色的,但是如果它作为一个父QWidget的子窗口时就没有背景了!此时需要添加如下代码:

setAutoFillBackground(true);

 

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);

}

三、QSS(样式表)设置背景

 

1)设置背景颜色

MainWin::MainWin()
{
this->setStyleSheet(" color: rgb(102, 102, 0);">);
iLabel = new QLabel(this);
iLabel->setStyleSheet(" color: rgb(102, 102, 0);">);
}

 

2)设置背景图片

MainWin::MainWin()
{
this->setStyleSheet("background-image:url(:/bmp/IMG_0345.JPG)");
iLabel = new QLabel(this);
iLabel->setStyleSheet("background-image:url(:/bmp/1257253475842.jpg)");
}

---------------------------------------------------------------

注意:

  (1)以上都是用scaled方式对图片进行了适应窗口大小的设置,因为所给的图片大小不一定满足要求,所以采用此方式!当然图片经过拉伸或者压缩之后会变形(纯色图片除外),所以对图片采用此方式时需要注意。

  (2)设置背景范围的时候如果需要充满整个窗口最好使用this->rect(),因为我看到很多人在使用QRect(0, 0, 400, 400)之类的语句,那么如果窗口大小改变了呢?此句是不是要跟着变呢?

  (3)如果需要背景图片或者背景色随可以发生改变时,也就是所谓的换肤功能,则采用paintEvent的方式,在需要改变的时候使用update()来进行更新。

  (4)this->setAutoFillBackground(true)又让我想起了tr(),被很多人滥用。这句话在什么时候使用呢?不妨采用QPalette设置背景的方式加上与去掉这句话对比一下(在有父窗口的情况下使用)。如果这个QWidget直接show,则有背景色,如果放到一个父窗口中,就没有效果。添加该句即可! 

-----------------------------

对比几种方法:前两种可以轻松实现图像的缩放(使用scaled函数),而按照上面使用QSS样式表设置background-image的方式却不能实现,若使用样式表实现静态图像的缩放可以设置border-image属性:

设置窗口背景 - dingmz_frc - dingmz_frc的博客

或代码中:

setStyleSheet(QString::fromUtf8("border-image: url(:/png/example.png)"));

这样当窗口大小改变时图像也会随着缩放

<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. **性能优化**:大尺寸图片预缩放避免卡顿
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值