QSlider 的样式设置
来源:互联网 发布:守望先锋看队友数据 编辑:程序博客网 时间:2024/05/19 22:55
设计漂亮的style sheet,注意背景色..否则每个角上会有一个像素的小点..
- QSlider::groove:horizontal {
- border: 1px solid #4A708B;
- background: #C0C0C0;
- height: 5px;
- border-radius: 1px;
- padding-left:-1px;
- padding-right:-1px;
- }
- QSlider::sub-page:horizontal {
- background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
- stop:0 #B1B1B1, stop:1 #c4c4c4);
- background: qlineargradient(x1: 0, y1: 0.2, x2: 1, y2: 1,
- stop: 0 #5DCCFF, stop: 1 #1874CD);
- border: 1px solid #4A708B;
- height: 10px;
- border-radius: 2px;
- }
- QSlider::add-page:horizontal {
- background: #575757;
- border: 0px solid #777;
- height: 10px;
- border-radius: 2px;
- }
- QSlider::handle:horizontal
- {
- background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5,
- stop:0.6 #45ADED, stop:0.778409 rgba(255, 255, 255, 255));
- width: 11px;
- margin-top: -3px;
- margin-bottom: -3px;
- border-radius: 5px;
- }
- QSlider::handle:horizontal:hover {
- background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0.6 #2A8BDA,
- stop:0.778409 rgba(255, 255, 255, 255));
- width: 11px;
- margin-top: -3px;
- margin-bottom: -3px;
- border-radius: 5px;
- }
- QSlider::sub-page:horizontal:disabled {
- background: #00009C;
- 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;
- }
以下是竖版的样式:
- QSlider::groove:vertical {
- border: 1px solid #4A708B;
- background: #C0C0C0;
- width: 5px;
- border-radius: 1px;
- padding-left:-1px;
- padding-right:-1px;
- padding-top:-1px;
- padding-bottom:-1px;
- }
- QSlider::sub-page:vertical {
- background: #575757;
- border: 1px solid #4A708B;
- border-radius: 2px;
- }
- QSlider::add-page:vertical {
- background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
- stop:0 #c4c4c4, stop:1 #B1B1B1);
- background: qlineargradient(x1: 0, y1: 0.2, x2: 1, y2: 1,
- stop: 0 #5DCCFF, stop: 1 #1874CD);
- border: 0px solid #777;
- width: 10px;
- border-radius: 2px;
- }
- QSlider::handle:vertical
- {
- background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0.6 #45ADED,
- <span style="white-space:pre"> </span>stop:0.778409 rgba(255, 255, 255, 255));
- height: 11px;
- margin-left: -3px;
- margin-right: -3px;
- border-radius: 5px;
- }
- QSlider::sub-page:vertical:disabled {
- background: #00009C;
- border-color: #999;
- }
- QSlider::add-page:vertical:disabled {
- background: #eee;
- border-color: #999;
- }
- QSlider::handle:vertical:disabled {
- background: #eee;
- border: 1px solid #aaa;
- border-radius: 4px;
- }
转自:http://blog.csdn.net/robertkun/article/details/20119135
0 0
- QSlider 的样式设置
- QSlider 的样式设置
- Qt中QSlider的样式表设置
- QSlider QSS设置样式
- QprogressBar 和 QSlider 样式设置
- 两种QSlider进度条的QSS样式
- Qt-用样式表改变QSlider的样式
- QSlider自画样式
- QSlider样式设计
- QSlider的学习
- QSlider的qss美化
- QSlider
- QT学习1 QSlider 更改样式 .
- QT学习1 QSlider 更改样式
- 简单的QSpinbox和Qslider
- PowerDesigner的样式设置
- PowerDesigner的样式设置
- 超链接样式的设置
- 白话数据结构之【树状数组】
- leetcode - Binary Tree Zigzag Level Order Traversal
- 安装配置linux (Ubuntu server)
- SVN访问地址改变了怎么办?教你快速解决
- 记得我第一次听说雕爷
- QSlider 的样式设置
- ZOJ 3816 Generalized Palindromic Number
- 各种各样有用的网站
- 分享各个领域的一些格言
- 黑马程序员——OC语言ARC
- php 多维数组 arrayList array()
- centos c++ 找不到头文件mysql.h
- java正则表达式详解。
- 成佩涛-兼职兔用户注册漏洞