QScrollBar样式-qss样式表学习
QScrollBar样式
滚动条在Qt⾥叫做QScrollBar,使⽤样式设置控件的外观很⽅便,这⾥分享⼀下滚动条的样式设置。例如下⾯的树形控件的滚动条的样式。
const QString VSCROLLBAR_STYLE =html横向滚动条样式
“QScrollBar:vercal {margin: 13px 0px 13px 0px;background-color: rgb(255, 255, 255, 100); border: 0px; width: 12px;}\
.QScrollBar::handle:vercal {background-color: purple; width: 12px; }\ 。
QScrollBar::add-page:vercal {background-color: pink; }\ 。
QScrollBar::sub-page:vercal {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⼏个部分,这⼏个相应的部位都⼰经在上⾯画出来了。sub-line包含了up-arrow,⽽add-line则包含了down-arrow区域。
需要注意的是,如果不对sub-line、add-line设置subcontrol的话,会出现下⾯的问题。如果不设置整个QScrollBar的marg-left和margin-bottom话,则不能定制add-line和sub-line区域。
没有定义sub-control为margin
没有定义margin-top和margin-bottom
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论