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就有了
相关文章推荐
- css小知识点
- CSS Font-Size: em、px 、pt 、Percent之间的关系及换算
- CSS预处理器Sass、LESS 和 Stylus
- CSS1 background-color 属性
- 一些常被你忽略的CSS小知识【必看】
- CSS默认可继承样式详解
- CSS3中的动画,animation、transition和transform属性的运用
- CSS常见兼容性问题总结
- 认识一波CSS高级选择器
- CSS使用技巧
- DIV+CSS 清除浮动常用方法总结
- CSS基础(六):浮动深入
- 【特效】单选按钮和复选框的美化(只用css)
- CSS基础(三):选择器
- CSS3翻转特效;
- CSS魔法堂:重拾Border之——更广阔的遐想
- CSS选择器
- css简要介绍
- css模块化策略
- CSS基础(五):定位