Qt之QSlider圆形滑柄样式

在编辑QSlider的QSS时，只要满足“groove的高度+滑块margin的上下值=滑块宽度，将border-radius设置为滑块宽度值的1/2”即可实现圆形滑块

QSlider::groove:horizontal {
    height: 4px;
    background: QRadialGradient(cx:0, cy:0, radius: 1, fx:0.5, fy:0.5, stop:0 white, stop:1 green);
    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);
    border: 1px solid #cccccc;
    width: 16px;
    margin: -6px 0;
    border-radius: 8px; /* 控制圆形的大小，此处设置为宽度的一半 */
}