Qt Stylesheets Slider
2016-11-29 10:12
447 查看
QSlider::groove:horizontal {
border: 1px solid #bbb;
background: white;
height: 10px;
border-radius: 4px;
}
QSlider::sub-page:horizontal {
background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
stop: 0 #66e, stop: 1 #bbf);
background: qlineargradient(x1: 0, y1: 0.2, x2: 1, y2: 1,
stop: 0 #bbf, stop: 1 #55f);
border: 1px solid #777;
height: 10px;
border-radius: 4px;
}
QSlider::add-page:horizontal {
background: #fff;
border: 1px solid #777;
height: 10px;
border-radius: 4px;
}
QSlider::handle:horizontal {
background: qlineargradient(x1:0, y1:0, x2:1, y2:1,
stop:0 #eee, stop:1 #ccc);
border: 1px solid #777;
width: 13px;
margin-top: -2px;
margin-bottom: -2px;
border-radius: 4px;
}
QSlider::handle:horizontal:hover {
background: qlineargradient(x1:0, y1:0, x2:1, y2:1,
stop:0 #fff, stop:1 #ddd);
border: 1px solid #444;
border-radius: 4px;
}
QSlider::sub-page:horizontal:disabled {
background: #bbb;
border-color: #999;
}
QSlider::add-page:horizontal:disabled {
background: #eee;
border-color: #999;
}
QSlider::handle:horizontal:disabled {
background: #eee;
border: 1px solid #aaa;
border-radius: 4px;
}
参考链接:http://thesmithfam.org/blog/2010/03/10/fancy-qslider-stylesheet/#
相关文章推荐
- how to use style sheets in Qt-----Style Sheet Example instruction
- Custom Looks using Qt Style Sheets
- 使用Qt Style Sheets制作UI特效
- 使用Qt Style Sheets制作UI特效
- Qt Style Sheets Reference
- 【QT】4 - 初试Qt Style Sheets 之美化
- Qt Style Sheets--简介
- Qt Style Sheets 之 border-image
- Qt Style Sheets Examples
- Qt-Style-Sheets-语法
- Qt Style Sheets
- 使用Qt Style Sheets制作UI特效
- Qt界面设计常用的一些代码(即Qt style Sheets)
- Qt Stylesheets Button Bar
- Qt Stylesheets Side Bar
- Qt 4.8 Customizing Qt Widgets Using Style Sheets
- QSS(Qt Style Sheets)
- 使用Qt Style Sheets制作UI特效
- (翻译--qt风格化widget)Customizing Qt Widgets Using Style Sheets
- Qt-Style-Sheets-语法