QSlider样式设计

来源:互联网 发布:js获取当前时间显示 编辑:程序博客网 时间:2024/05/29 09:14
QSlider::groove:horizontal{    border: 0px solid #C0C0C0;    height: 34px;    margin: 0px 0;    left: 12px;     right: 12px;}QSlider::add-page:horizontal{     background-image:url(:Icons/add_page_horizontal.png);     background-position: right;    }QSlider::sub-page:horizontal{     background-image:url(:Icons/sub_page_horizontal.png);     background-position: left;}QSlider::handle:horizontal{    border: 1px solid #5c5c5c;    border-image:url(:/Icons/dragbar-button.png);       width: 34px;    margin: -2px 0;     border-radius: 3px;}

groove 是指Slider外面的槽(外边框),border: 0px设置为外面不显示外边框。
handle是滑块。
add-page是滑块划过的区域。
sub-page是滑块没有到达的区域。
如果样式设置的不对,QSlider控件有可能出现会向反方向动一下的现象。

原创粉丝点击