摘要：

QT Create中，對button或者window等部件設(shè)置背景、顏色、透明等樣式時，需要用到stylesheet，可以直接在代碼里寫，也可以在ui設(shè)計師里通過右鍵change stylesheet的方法來設(shè)置，本人是使用的后面的方式，下面介紹幾種常見的用法。

介紹：

作者使用的開發(fā)環(huán)境為：qt creator 201005, qt4.7。

1、利用stylesheet給窗體設(shè)置背景

使用stylesheet設(shè)置背景圖片還是有一些要注意的，如果是在mainwindow和dialog中，直接右鍵change stylesheet在addresource中選擇background-image或者border-image，選擇資源文件中的圖片就行了(前者是按像素顯示圖片，后者可根據(jù)窗體大小來自動縮放圖片)，如下圖：

但在widget中就不行，你會發(fā)現(xiàn)，用同樣的方法，背景并沒有發(fā)生改變，而僅僅是它的子窗體背景圖片發(fā)生了改變。

那么在widget中要如何做呢，我們在widget中放置一個frame，然后對frame通過stylesheet設(shè)置背景，后面窗體里所有的部件都放在這個frame里。

我們知道，子窗體會繼承父窗體的屬性，也就是說，父窗體的背景，在子窗體中也會有，那如何讓子窗體不繼承父窗體的背景呢，同樣的，還是在EditStyle Sheet里，需下輸入如下代碼：

#desktop {

border-image: url(:/images/desktop.jpg);

}

#desktop * {

border-image:url();

}

desktop是你的窗體名。

2、menubar設(shè)置透明

我想做一個菜單按鈕，像ubuntu的應(yīng)用程序菜單一樣，能在點(diǎn)擊時彈出一個下拉框，我選擇了用mainwindow來實(shí)現(xiàn)，但我如現(xiàn)menuba顯示在頂層很難看，如何才能不讓它顯示呢。

設(shè)置menuba的stylesheet，

background-color:transparent

將背景設(shè)置為透明。

3、toolbutton不顯示邊框

當(dāng)我們設(shè)置button的icon時，發(fā)現(xiàn)icon的形狀并不與button完全一致，如下圖：

設(shè)置stylesheet

border-style: flat;

效果如下：

注意，一定要選擇tool button，而不要選擇push button，因為push button活動的時候會有一個虛線框。

要達(dá)到上圖的效果，除了設(shè)置border-style:flat，可不可以將style設(shè)置為transparent呢？設(shè)置成transparent后，顯示上看，效果是和上圖的一樣，但當(dāng)按下時，button沒有被圖片覆蓋的地方就會顯示被按下時的顏色。

4、在父窗體的stylesheet中設(shè)置子部件的屬性

假設(shè)有多個button，且它們的樣式是一樣的，那是不是需要一個個設(shè)置呢？不需要的，我們可以在父窗體中進(jìn)行設(shè)置，那么子部件都會繼承它的屬性。

如果某個button的樣式特殊，再單獨(dú)修改就行了，下面舉個實(shí)例，在父窗體的stylesheet中設(shè)置如下

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

結(jié)語：

style sheet用起來很方便，以上是總結(jié)的幾種用法，后面會繼續(xù)補(bǔ)充。

總結(jié)

以上是生活随笔為你收集整理的linux qt 背景图片,《转》qt中添加背景图片（stylesheet）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。