QScrollBar樣式

滾動條在Qt里叫做QScrollBar，使用樣式設(shè)置控件的外觀很方便，這里分享一下滾動條的樣式設(shè)置。例如下面的樹形控件的滾動條的樣式。

const QString VSCROLLBAR_STYLE =

“QScrollBar:vertical {margin： 13px 0px 13px 0px;background-color： rgb（255， 255， 255， 100）; border： 0px; width： 12px;}\

.QScrollBar：：handle:vertical {background-color： purple; width： 12px; }\ 。

QScrollBar：：add-page:vertical {background-color： pink; }\ 。

QScrollBar：：sub-page:vertical {background-color： orange; }\

.QScrollBar：：sub-line:vertical {subcontrol-origin： margin; border： 1px solid red; height:13px}\

.QScrollBar：：up-arrow:vertical { subcontrol-origin： margin; background-color： blue; height:13px}\

.QScrollBar：：down-arrow:vertical { background-color： yellow; }\

.QScrollBar：：add-line:vertical {subcontrol-origin： margin; border： 1px solid green; height:13px}“;

QScrollBar分為sub-line、add-line、add-page、sub-page、up-arrow、down-arrow和handle幾個部分，這幾個相應(yīng)的部位都己經(jīng)在上面畫出來了。sub-line包含了up-arrow，而add-line則包含了down-arrow區(qū)域。

需要注意的是，如果不對sub-line、add-line設(shè)置subcontrol的話，會出現(xiàn)下面的問題。如果不設(shè)置整個QScrollBar的marg-left和margin-bottom話，則不能定制add-line和sub-line區(qū)域。

沒有定義sub-control為margin

沒有定義margin-top和margin-bottom