【Qt】QSlider----qss(round handle) 圆形滑块
来源:互联网 发布:mac系统加速 编辑:程序博客网 时间:2024/04/28 17:09
QSlider是Qt中常用的控件,样式也各种各样,自己尝试做的一个样式,尽管handle能用图片做的更完美,不用图片,视觉效果上,仍然没什么问题,round handle
1、渐变在右上角
QSlider{ background-color: #ff00ff; border-style: outset; border-radius: 10px; }QSlider::groove:horizontal{height: 12px;background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #B1B1B1, stop:1 #c4c4c4);margin: 2px 0}QSlider::handle:horizontal {background: QRadialGradient(cx:0, cy:0, radius: 1, fx:0.5, fy:0.5, stop:0 white, stop:1 green);width: 16px;height: 16px;margin: -5px 6px -5px 6px;border-radius:11px; border: 3px solid #ffffff;}
效果如下图:
2、渐变在圆形中心
QSlider{ background-color: #ff00ff; border-style: outset; border-radius: 10px; }QSlider::groove:horizontal{height: 12px;background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #B1B1B1, stop:1 #c4c4c4);margin: 2px 0}QSlider::handle:horizontal {background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0 white, stop:1 green);width: 16px;height: 16px;margin: -5px 6px -5px 6px;border-radius:11px; border: 3px solid #ffffff;}
大家有一些好的样式效果,一起学习下。。。。。。有好的想法,可以留言。。
1 0
- 【Qt】QSlider----qss(round handle) 圆形滑块
- 【Qt】QSlider 再来一个圆形滑块
- QT之qss教程-QSlider
- Qt之QSlider滑块用法
- QSS定制自定义QSlider
- QSS定制自定义QSlider
- QSS定制自定义QSlider
- QSS定制自定义QSlider
- QSlider QSS设置样式
- QSlider的qss美化
- PyQt5:QSlider滑块、QLabel标签(25)
- QSlider和QLCDNumber 滑块 LCD
- 两种QSlider进度条的QSS样式
- Qt之QSlider
- Qt qss
- Qt QSlider点击和拖动
- Qt之QScrollBar QSlider QDial
- 滑条QSlider
- 2014年全国计算机等级考试报考指南汇总
- 谷歌服务框架_谷歌服务框架下载_谷歌服务框架全版本整理
- jsp实现自动登录
- HTML5 canvas绘制arcTo、translate和rotate的画法探索
- ios中使用百度地图简单步骤
- 【Qt】QSlider----qss(round handle) 圆形滑块
- java源码反向工程资源帖汇总
- EmEditor Professional v14.3.1
- python defaultdict
- LINUX下的网卡配置
- Matlab中Latent SVM model参数含义
- 模型转化Mat-〉XML
- BP神经网络算法原理
- 在win7上安装qt4.8(QT4.8.5for Windows(Qt Creator+MinGW))