http://blog.163.com/qimo601@126/blog/static/15822093201432741544308/?suggestedreading&wumii
如图所示,QTableView使用的QHeaderView与scrollbar的style
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