Qt這四種設(shè)置窗體背景的方法，都知道嗎？

一、導(dǎo)讀

哇，一個(gè)軟件界面的顏值是引人注目的焦點(diǎn)，這些“超凡脫俗”的東西是開(kāi)發(fā)人員的杰作嗎？說(shuō)是但也不是，首先軟件界面會(huì)由專業(yè)的人員迸發(fā)靈感的去設(shè)計(jì)和美化，接著才是開(kāi)發(fā)人員的場(chǎng)地，如果沒(méi)有美化的步驟，放幾個(gè)按鈕和文本就搞定啦，這也太...。

對(duì)于Qt來(lái)說(shuō)，所有的可視小部件的基類都是QWidget：

如何為一個(gè)界面加入設(shè)計(jì)好的背景圖則是界面美化的核心操作之一，實(shí)現(xiàn)的方法有多種，本文將總結(jié)幾種常使用的方法。對(duì)于如何“挖框貼圖”則需要根據(jù)具體的界面內(nèi)容來(lái)定，沒(méi)有統(tǒng)一的方法了。

二、方法實(shí)現(xiàn)

（2-1）使用paintEvent()實(shí)現(xiàn)

paintEvent()是QWidget的一個(gè)虛函數(shù)：

voidQWidget::paintEvent(QPaintEvent*event)

則可以重載這個(gè)函數(shù)，然后在這個(gè)函數(shù)中使用QPainter設(shè)置背景圖片。如下代碼：

voidWidget::paintEvent(QPaintEvent*event)
{
Q_UNUSED(event)

QPainterpainter(this);

painter.setRenderHint(QPainter::Antialiasing);

painter.drawPixmap(rect(),QPixmap(":/images/bk.png"));
}

效果如下：

該種方式本質(zhì)上是利用繪制事件來(lái)完成的，繪制事件是一個(gè)請(qǐng)求，用于重新繪制全部或部分小部件。發(fā)生在以下幾種情況下：

1、repaint()或update()被調(diào)用。

2、小部件由遮擋變?yōu)轱@示的情況。

3、一些未知的情況，哈哈。

為了提高性能，可以使用QPixmap提前將待繪制的圖片加載進(jìn)來(lái)，然后進(jìn)行繪制。

（2-2）使用樣式表實(shí)現(xiàn)

樣式表是Qt的一大亮點(diǎn)，可以使用setStyleSheet()設(shè)置樣式表來(lái)設(shè)置窗體的背景圖，代碼如下：

Widget::Widget(QWidget*parent)
:QWidget(parent),
ui(newUi::Widget)
{
ui->setupUi(this);

setAttribute(Qt::WA_StyledBackground);

this->setStyleSheet("border-image/images/bk.png)");
}

（2-3）使用QLabel實(shí)現(xiàn)

在QLabel這個(gè)標(biāo)簽類中有一個(gè)void setPixmap(const QPixmap &)可用于為QLabel設(shè)置一個(gè)Pixmap，所以可以使用這種方法設(shè)置背景圖：把QLabel的大小設(shè)置成與窗體的大小一樣，然后使用setPixmap設(shè)置背景圖片即可，這樣QLabel的背景圖就會(huì)完全填充整個(gè)窗體的背景。

這種方法在需要拼接的窗體背景中較為常用。例如下圖是一個(gè)由五個(gè)QLabel拼接的界面：

如果想要設(shè)置背景圖片（此處準(zhǔn)備了一張背景圖top_bk.png），使用下述代碼即可（此處設(shè)置一個(gè)QLabel，其他的一樣）：

ui->label->setPixmap(QPixmap(":/images/top_bk.png"));

效果如下：

注意：使用QLabel進(jìn)行背景圖片拼接時(shí)，必須要保證QLabel的大小與待拼接的圖片的大小一樣，才能顯示出完整的效果。

（2-4）使用QPalette實(shí)現(xiàn)

可以直接在構(gòu)造函數(shù)中使用QPalette設(shè)置背景圖片，如下代碼：

QPalettepalette=this->palette();
palette.setBrush(QPalette::Window,QBrush(QPixmap(":/images/bk.png")));
this->setPalette(palette);

效果如下圖所示：

三、小生總結(jié)

文本總結(jié)了四種設(shè)置窗體背景圖片的方法，在實(shí)際項(xiàng)目開(kāi)發(fā)過(guò)程中，小生對(duì)QPainter情有獨(dú)鐘，感覺(jué)萬(wàn)物皆可QPainter，所以特別喜歡使用paintEvent()來(lái)設(shè)置背景圖片：對(duì)于完整的背景圖片，可以直接在代碼中使用這種方法來(lái)實(shí)現(xiàn)；對(duì)于需要拼接的背景圖片，小生習(xí)慣使用paintEvent()+QLabel來(lái)實(shí)現(xiàn)。用樣式表設(shè)置背景圖片的方法也會(huì)使用到，對(duì)于QPlalette設(shè)置背景圖這種方式較少使用。

殊途同歸，選擇一種喜歡的方法使用即可，目前硬件性能對(duì)于軟件來(lái)說(shuō)，還是有極強(qiáng)的支持性和剩余性能，故個(gè)人認(rèn)為一般情況下不必過(guò)多考慮性能方面的影響。

審核編輯：湯梓紅