您的位置:首页 > Web前端 > CSS

Qt QScrollBar漂亮的样式

2016-05-06 17:36 567 查看
样式如图正常的状态光标移动到上面的样式代码如下QGraphicsOpacityEffect*opacityEffect=newQGraphicsOpacityEffect;
this->verticalScrollBar()->setGraphicsEffect(opacityEffect);
opacityEffect->setOpacity(0.5);
QScrollBar *vbar=this->verticalScrollBar();
vbar->setStyleSheet("QScrollBar{background:white; width: 10px;margin: 10px 0 10px 0;}"
"QScrollBar::handle{border-image: url(:/image/scrollbar_bar_normal.png)}"
"QScrollBar::handle:hover{border-image: url(:/image/scrollbar_bar_highlight.png)}"
"QScrollBar::add-line:vertical {background:black; border-image: url(:/image/down.png); height: 10px; subcontrol-position: bottom;subcontrol-origin: margin;}"
"QScrollBar::sub-line:vertical {background:black; border-image: url(:/image/top.png);height: 10px;subcontrol-position: top;subcontrol-origin: margin;}"
"QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {background:white;}");
先渲染了一下透明度。再stylesheet一下~
漂亮的scrollbar就有了

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: