QSlider样式表

Question

我正在使用QT宽度，我想要改变SliderBar.I的风格，我可以在我的努力结束时做到这一点。

是我干的

​

但我需要这个

​

我正在分享下面的样式表代码。如第二张图片所示，我该如何做？

QSlider::groove:horizontal {
height: 6px;
width: 350px;
background: grey;
margin: 8px;
border: 1px solid #c17d08;
border-radius: 12px;
}

QSlider::sub-page:horizontal {
background: #c17d08;
height: 6px;
border-radius: 12px;
}

QSlider::add-page:horizontal {
background: #e9e9e9;
height: 10px;
border-radius: 12px;
}

QSlider::handle:horizontal {
background: transparent;
width: 22px;
margin: -10px;
border: 1px solid transparent;
border-radius: 5px;
}

Answer 1

我将您的样式表更改为：

QSlider::groove:horizontal {
height: 6px;
width: 350px;
background: grey;
margin: 8px;
border: 1px solid #c17d08;
border-radius: 12px;
}
QSlider::handle:horizontal {
    background: #c17d08;
    border: 1px solid #c17d08;
    width: 14px;
    margin: -5px 0;
    border-radius: 6px;
}
QSlider::add-page:horizontal {
height: 10px;
background: #e9e9e9;
border: 1px solid #c17d08;
border-radius: 12px;
}
QSlider::sub-page:horizontal {
background: #c17d08;
height: 6px;
border: 1px solid #c17d08;
border-radius: 12px;
}

你的边界半径应该与长度和宽度成正比，才能成为一个圆。

结果：

​

​

​

​