Qt/C++ QScrollBar漂亮的样式

样式如图

正常的状态

               

光标移动到上面的样式

代码如下

                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就有了

powered by:小乌龟在大乌龟背上