摘要：

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

介紹：

作者使用的開發環境為：qt creator 201005, qt4.7。

1、利用stylesheet給窗體設置背景

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

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

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

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

#desktop {

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

}

#desktop * {

border-image:url();

}

desktop是你的窗體名。

2、menubar設置透明

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

設置menuba的stylesheet，

background-color:transparent

將背景設置為透明。

3、toolbutton不顯示邊框

當我們設置button的icon時，發現icon的形狀并不與button完全一致，如下圖：

設置stylesheet

border-style: flat;

效果如下：

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

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

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

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

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

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

結語：

style sheet用起來很方便，以上是總結的幾種用法，后面會繼續補充。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。