QT修改預設的滾動條樣式

2022-03-14 19:57:21 字數 1207 閱讀 2927

這幾天寫乙個類似於懸浮窗的小程式，可是qt自帶的滾動條實在難看，經過多番查詢終於找到乙個類似於qq聊天視窗的滾動條，廢話不說上**。希望能幫到大家

1.寫入到檔案中，新建個xx.qss，然後複製一下內容：

// 設定垂直滾動條基本樣式


qscrollbar:vertical


qscrollbar::handle:vertical


qscrollbar::handle:vertical:hover


qscrollbar::add-line:vertical   // 這個應該是設定下箭頭的，3.png就是箭頭


qscrollbar::sub-line:vertical   // 設定上箭頭


qscrollbar::add-line:vertical:hover   // 當滑鼠放到下箭頭上的時候


qscrollbar::sub-line:vertical:hover  // 當滑鼠放到下箭頭上的時候


qscrollbar::add-page:vertical,qscrollbar::sub-page:vertical   // 當滾動條滾動的時候，上面的部分和下面的部分
接著在程式中讀取檔案：

qfile file(":/scrollbar.qss");


file.open(qfile::readonly);


listwidget->verticalscrollbar()->setstylesheet(file.readall());
2.直接在程式中設定，簡單
listwidget->verticalscrollbar()->setstylesheet("qscrollbar:vertical"


"""qscrollbar::handle:vertical"


"""qscrollbar::handle:vertical:hover"


"""qscrollbar::add-line:vertical"


"""qscrollbar::sub-line:vertical"


"""qscrollbar::add-line:vertical:hover"


"""qscrollbar::sub-line:vertical:hover"


"""qscrollbar::add-page:vertical,qscrollbar::sub-page:vertical"


"");

				
修改滾動條的樣式
滾動條樣式 webkit scrollbar 正常情況下滑塊的樣式 webkit scrollbar thumb 滑鼠懸浮在該類指向的控制項上時滑塊的樣式 hover webkit scrollbar thumb 滑鼠懸浮在滑塊上時滑塊的樣式 webkit scrollbar thumb hover...

				
Qt 滾動條樣式設定
新手編碼，記錄以防忘記。qscrollbar vertical width 9px background rgba 56,135,255,0 margin 0px,0px,0px,0px padding top 9px 留出9px給上面和下面的箭頭 padding bottom 9px qscrol...

				
chrome滾動條樣式修改
對於chrome瀏覽器，它提供了修改滾動條樣式的介面，開發者只需要加上幾句css指令碼，就可輕鬆實現滾動條樣式的修改.先說一下滾動條的引數 webkit scrollbar 滾動條整體部分，可以設定寬度啥的 webkit scrollbar button 滾動條兩端的按鈕 webkit scroll...