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 ;
}
垂直滚动条
*/
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 ;
}