前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >QScrollBar样式表总结

QScrollBar样式表总结

作者头像
bear_fish
发布2018-09-20 12:20:41
2.9K0
发布2018-09-20 12:20:41
举报

http://blog.163.com/qimo601@126/blog/static/15822093201432741544308/?suggestedreading&wumii

 如图所示,QTableView使用的QHeaderView与scrollbar的style 

QScrollBar样式表总结 - 柳北风儿 - 柳北风儿~~~~~~~欲宇仙炅
QScrollBar样式表总结 - 柳北风儿 - 柳北风儿~~~~~~~欲宇仙炅

scrollbar使用到下面两张背景图,放到工程目录下的images文件夹里:

具体的style sheet代码,这里面的CSS代码还可以写得更优雅一些,反正是起作用了,没太大兴趣再去继续弄

/*  垂直滚动条 */ QScrollBar:vertical {     background: url(images/scrollbar-vertical-bg.png);     width: 9px;     margin: 0px 0 0px 0; } QScrollBar::handle:vertical {     background: rgb(195, 195, 195);     min-height: 20px;     margin: 0 1px 0 2px;     border-radius: 3px;     border: none; /*background: qlineargradient(spread:reflect,          x1:0, y1:0, x2:1, y2:0,          stop:0 rgba(164, 164, 164, 255),          stop:0.5 rgba(120, 120, 120, 255),         stop:1 rgba(164, 164, 164, 255));*/ /*border-image: url(images/scrollbar-vertical-thumb.png) 8px 0 8px 0 fixed;*/ } QScrollBar::add-line:vertical {     background: url(images/scrollbar-vertical-bg.png);     height: 0px;     subcontrol-position: bottom;     subcontrol-origin: margin; } QScrollBar::sub-line:vertical {     background: url(images/scrollbar-vertical-bg.png);     height: 0px;     subcontrol-position: top;     subcontrol-origin: margin; } QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {     border: 1px solid grey;     width: 3px;     height: 3px;     background: white; } QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {     background: none; } /*  水平滚动条 */ QScrollBar:horizontal {     background: url(images/scrollbar-horizontal-bg.png);     height: 9px;     margin: 0px 0 0px 0; } QScrollBar::handle:horizontal {     background: rgb(195, 195, 195);     min-width: 20px;     margin: 2px 0px 1px 0px;     border-radius: 3px;     border: none; } QScrollBar::add-line:horizontal {     border: 0px solid grey;     background: #32CC99;     width: 0px;     subcontrol-position: right;     subcontrol-origin: margin; } QScrollBar::sub-line:horizontal {     border: 0px solid grey;     background: #32CC99;     width: 0px;     subcontrol-position: left;     subcontrol-origin: margin; } QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {     background: none; }

转载:http://www.cppblog.com/biao/archive/2011/10/25/159079.html

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015年05月13日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档