QSlider美化规则

前言

QSlider展示大概有两种，第一种是handle在那个滑动槽内，第二种是handle大于滑动槽

第一种：handle在槽内

参考官方的例子，handle的高度是随着滑动槽的高度变化的

 QSlider::groove:horizontal {border: 1px solid #999999;height: 8px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #B1B1B1, stop:1 #c4c4c4);margin: 2px 0;}QSlider::handle:horizontal {background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #b4b4b4, stop:1 #8f8f8f);border: 1px solid #5c5c5c;width: 18px;border-radius: 3px;}

第二种：handle比滑动槽大

根据官方的说法，需要设置margin-top和margin-bottom的值为负数

 QSlider::groove:horizontal {border: 1px solid #999999;height: 8px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #B1B1B1, stop:1 #c4c4c4);margin: 2px 0;}QSlider::handle:horizontal {background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #b4b4b4, stop:1 #8f8f8f);border: 1px solid #5c5c5c;width: 20px;margin-top: -5px; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */margin-bottom:-5px;border-radius: 3px;}

margin-top:-5px的意思是除了占据整个滑动槽的高度外，还要往上多5px，margin-bottom同理

QSlider美化规则相关推荐

【oracle工具】plsqldev美化规则文件详细解释(关键字大写,标识符小写等规则)
plsqldev美化规则文件详细解释(关键字大写,标识符小写等规则) 场景: 使用plsqldev客户端编写SQL时,时常对SQL语句的格式感到不悦,非常的不便于阅读. 解决: 为了使格式一步到位,且 ...
PL/SQL美化规则文件详解
引言: 我们都知道任何一种语言,都应该讲究一定的规范,因为优秀的代码通常都是先让人读懂,其次才是机器读懂.否则没有任何规范和解释说明的代码,后期维护会增加很多成本,即使是开发者自己维护有时后也会忘了个 ...
pl/sql 美化规则
将文本按照自己规范调整,重命名为.br文件,放到一个不容易被删除的路径 pl/sql-编辑-美化器选项-选择文件 Version=1 RightMargin=100//右边距,间接决定了一行的长度 I ...
AdGuard更多规则推荐
更过adguard规则推荐,来源网络,安全不知.请知悉. adguard推荐规则 | 点这里 HalfLife,规则合并自 EasylistChina.EasylistLite.CJX'sAnnoya ...
php yii路由规则,Yii框架的路由配置方法分析
本文实例讲述了Yii框架的路由配置方法.分享给大家供大家参考,具体如下: 取消index.php 这两种方法都是在自动添加index.php 方法一:使用.htaccess 添加.htaccess文件 ...
PL/SQL7中的SQL美化器设置
2019独角兽企业重金招聘Python工程师标准>>> 一.我的环境 1.操作系统版本:Windows 7 旗舰版,Service Pack 1 2.PL/SQL版本:7.0.1.1 ...
Yii2.0 RESTful API 之版本控制
Yii2.0 RESTful API 之版本控制之前我写过两篇关于 Yii2.0 RESTful API 如何搭建,以及认证等处理,但是没有涉及到版本管理,今天就来谈谈版本管理如何实现. 索性就 ...
Python | 用PrettyPrinter，让Python输出更漂亮，你值得拥有
PrettyPrinter是Python 3.6 及以上版本中的一个功能强大.支持语法高亮.描述性的美化打印包.它使用了改进的Wadler-Leijen布局算法,和Haskell打印美化库中的pret ...
谷歌浏览器广告屏蔽插件 ublock
总结 1.兼容性很好,支持几乎所有主流浏览器内核平台(详见下面的"支持的平台"). 2.广告过滤规则完美兼容 Adblock 规则,完全通用. 3.广告拦截效果很给力,国内视频插播 ...

QSlider美化规则

前言

第一种：handle在槽内

第二种：handle比滑动槽大

QSlider美化规则相关推荐

最新文章

热门文章