如何正确更改QSlider的元素

时间:2019-12-05 00:29:31

标签: qt qtstylesheets

enter image description here

这是样式表:

QSlider{
    border: 0px solid;
}
QSlider::handle:horizontal#slider_xScaling{
    image: url(":/tools/references/dragger.png")no-repeat scroll 0 0;;
}
QSlider::add-page:horizontal#slider_xScaling{
    image:  url(":/info/references/ic-scroll-layer-track.png")no-repeat scroll 0 0;
}
QSlider::sub-page:horizontal {
    background: transparent url(":/tools/references/ic-track-fill.png") no-repeat scroll 0 0;
    margin-top: -1px;
}

我已经在QT上的CSS样式表上进行了实验,但仍无法为此提供适当的输出。轨道显然应该在中间,但是在这里。

1 个答案:

答案 0 :(得分:1)

这就是我修复它的方式。我还更改了QSlider的高度,以使跟踪器与手柄对齐

QSlider::sub-page:horizontal {
    background: transparent url(":/tools/references/ic-track-fill.png") no-repeat scroll 0 0;
}
QSlider::handle:horizontal{
    image: url(":/tools/references/dragger.png")no-repeat scroll 0 0;
}
QSlider{
    border:0px solid;
}