2014年9月23日 星期二

[QT] 使用designer搭配stylesheet (CSS) 美化介面


QT的stylesheet用法可參考官網,大致和CSS同
http://qt-project.org/doc/qt-4.8/stylesheet-examples.html#customizing-a-qpushbutton-using-the-box-model

[1] 在designer中點選元件的stylesheet來作編輯

[2]  打開編輯樣式表,可使用上方的選項來快速產生代碼

[3] 再來介紹如何加入圖片
     1.新增資源找地方存檔(.qrc)
     2.新增前置字串,打上斜線(/),用來找.qrc檔的相對路徑,有資料夾就再加資料夾名
     3.接著就可以新增圖片檔到qrc裡囉
     4.加好之後,就可以從建好的資源檔中選取圖片產生代碼了


[4] 產生好的qrc檔須經過編譯成cpp檔並加入專案才能在畫面上看到,否則介面的.h檔內的stylesheet無法找到,一樣使用QT BIN資料夾下rcc.exe
    執行rcc image.qrc -o image.cpp

沒有留言: