当前位置: 代码迷 >> 综合 >> 【Qt】QSlider----qss(round handle) 圆形滑块
  详细解决方案

【Qt】QSlider----qss(round handle) 圆形滑块

热度:62   发布时间:2023-12-15 23:02:18.0

       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;
}


    大家有一些好的样式效果,一起学习下。。。。。。有好的想法,可以留言。。




  相关解决方案