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

一、重写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.csdn.net/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.csdn.net/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)"));

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

  • 5
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值