關(guān)于Qt中的qss樣式表需要注意的坑

關(guān)于QSS要注意的坑。

創(chuàng)新互聯(lián)公司服務(wù)緊隨時(shí)代發(fā)展步伐，進(jìn)行技術(shù)革新和技術(shù)進(jìn)步，經(jīng)過(guò)10多年的發(fā)展和積累，已經(jīng)匯集了一批資深網(wǎng)站策劃師、設(shè)計(jì)師、專業(yè)的網(wǎng)站實(shí)施團(tuán)隊(duì)以及高素質(zhì)售后服務(wù)人員，并且完全形成了一套成熟的業(yè)務(wù)流程，能夠完全依照客戶要求對(duì)網(wǎng)站進(jìn)行做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、建設(shè)、維護(hù)、更新和改版，實(shí)現(xiàn)客戶網(wǎng)站對(duì)外宣傳展示的首要目的，并為客戶企業(yè)品牌互聯(lián)網(wǎng)化提供全面的解決方案。

- qss源自css，相當(dāng)于css的一個(gè)子集，主要支持的是css2標(biāo)準(zhǔn)，很多網(wǎng)上的css3的標(biāo)準(zhǔn)的寫法在qss這里是不生效的，所以不要大驚小怪。

- qss也不是完全支持所有的css2，比如text-align官方文檔就有說(shuō)明，只支持 QPushButton and QProgressBar，務(wù)必看清楚。

- 有時(shí)候偷懶直接來(lái)一句 *{xxx}，你會(huì)發(fā)現(xiàn)大部分是應(yīng)用了，也有小部分或者極個(gè)別沒(méi)有應(yīng)用，你可能需要在對(duì)應(yīng)的窗體中 this-setStyleSheet() 來(lái)設(shè)置。

- qss的執(zhí)行是有優(yōu)先級(jí)的，如果沒(méi)有指定父對(duì)象，則對(duì)所有的應(yīng)用，比如在窗體widget中 {color:#ff0000;} 這樣會(huì)對(duì)widget以及widget的所有子對(duì)象應(yīng)用該樣式，這種問(wèn)題各大群每周都有人問(wèn)，你會(huì)發(fā)現(xiàn)各種奇奇怪怪的異樣不正常，怎么辦呢，你需要指定類名或者對(duì)象名，比如 #widget{color:#ff0000;} 這樣就只會(huì)對(duì)widget對(duì)象應(yīng)用該樣式，另一種寫法 QWidget#widget{color:#ff0000;}，只想對(duì)窗體本身而不是子控件按鈕標(biāo)簽等 .QWidget{color:#ff0000;} ，具體詳細(xì)規(guī)則參見(jiàn)官方說(shuō)明。

- qss整體來(lái)說(shuō)還是可以的，解析速度性能在Qt5高版本后期比Qt4好很多，尤其是修復(fù)了不少qss中的解析繪制BUG。盡管有這樣那樣的BUG，懷著包容的心對(duì)待它。

- qss官方學(xué)習(xí)地址1：[]()

- qss官方學(xué)習(xí)地址2：[]()

Qt樣式表有多種運(yùn)行機(jī)制，主要是考慮到各種需求場(chǎng)景，繼承自QWidget的類和qApp類都支持setStyleSheet方法，還可以統(tǒng)一將樣式表放在文件，或者將樣式文件加入到資源文件。

- 斗氣：qss內(nèi)容寫得到處都是，哪里需要就寫在哪里，各種控件調(diào)用 setStyleSheet方法傳入樣式表內(nèi)容，或者直接對(duì)應(yīng)控件鼠標(biāo)右鍵彈出菜單選擇改變樣式表填入內(nèi)容；

- 斗者：qss內(nèi)容放在文件，讀取文件內(nèi)容設(shè)置樣式表，程序發(fā)布的時(shí)候帶上qss文件；

- 斗師：qss文件作為資源文件放到qrc文件，直接編譯到可執(zhí)行文件中，防止篡改；

- 斗靈：在qss文件中自定義一些標(biāo)志充當(dāng)變量使用，讀取以后替換對(duì)應(yīng)的變量為顏色值，類似動(dòng)態(tài)換膚；

- 斗王：放在文件容易被篡改，集成到可執(zhí)行文件不夠靈活，一旦樣式表更新需要重新編譯文件，如何做到既能只更新樣式表文件，又不需要重新編譯可執(zhí)行文件，又能防止被篡改：采用rcc命令將資源文件編譯生成二進(jìn)制，只需要替換該二進(jìn)制文件即可；

- 斗皇：繼承qstyle類自己實(shí)現(xiàn)完成所有樣式接口，統(tǒng)一整體風(fēng)格，大名鼎鼎的UOS系統(tǒng)默認(rèn)規(guī)則就是如此，不允許用樣式表，全部painter繪制；

如何用Qt做出好看的按鈕界面

原理很簡(jiǎn)單，設(shè)置樣式表，或直接用貼圖的方式：

方法一：修改樣式表

方法二：同樣是修改樣式表，但是用的貼圖

/*正常狀態(tài)*/

QPushButton#myBtn?{

/*直接替換背景圖片*/

border-image:?url(:/images/mybtn_nomal.png);

}

/*懸停狀態(tài)*/

QPushButton#myBtn:hover?{

/*直接替換背景圖片*/

border-image:?url(:/images/mybtn_hover.png);

}

/*按下?tīng)顟B(tài)*/

QPushButton#myBtn:press?{

/*直接替換背景圖片*/

border-image:?url(:/images/mybtn_press.png);

}

怎么改變Qt界面文字的顏色 字體樣式

Qt改變界面文字有很多方法（下面以Label控件為例）：

1.通過(guò)Qt Creater：

拖一個(gè)Label到窗體上，對(duì)著Label右鍵-改變多信息文本...，里面就可以修改Label的內(nèi)容、顏色、字體樣式等等。

2.通過(guò)代碼：

QLabel?*label?=?new?QLabel("Hello?World!");?//新建一個(gè)顯示"Hello?World"的Label

//使用setPalette()方法改變顏色

QPalette?pt;

pt.setColor(QPalette::WindowText,?Qt::red);?//設(shè)置為紅色

label-setPalette(pt);

//使用setFont()方法改變字體樣式

QFont?font("Microsoft?YaHei",?12，75);?//設(shè)置為微軟雅黑，字體12號(hào)，加粗

/*常見(jiàn)權(quán)重（第三個(gè)參數(shù)）：

QFont::Light?-?25????????高亮

QFont::Normal?-?50????正常

QFont::DemiBold?-?63??半粗體

QFont::Bold?-?75????????粗體

QFont::Black?-?87???????黑體*/

label-setFont(font);

//使用樣式表改變顏色

label-setStyleSheet("color:blue;");?//設(shè)置為藍(lán)色

//使用簡(jiǎn)單的HTML樣式改變顏色和樣式

QLabel?*label2?=?new?QLabel("h2iHello/i"

"font?color=redWorld!/font/h2")

參考資料：CSDN 《C++ GUI Qt 4編程》

新聞名稱：關(guān)于qtcss界面樣式表的信息
文章位置：http://vcdvsql.cn/article34/dsdippe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、服務(wù)器托管、手機(jī)網(wǎng)站建設(shè)、、App設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)