用于RangeSlider的JavaFX ControlsFX CSS

时间:2015-02-25 14:27:02

标签: java css javafx rangeslider controlsfx

我刚刚下载了JavaFX ControlsFX库,目前卡住了。我使用了库中的一个自定义组件,称为RangeSlider,但需要为CSS中的每个拇指操作样式。我到处都看了,但似乎找不到任何有用的东西。有没有办法做到这一点?我知道使用常规的Java Slider组件,可以这样做:

.slider .thumb {
     // Style code here
 }

但是当我对RangeSlider使用类似的东西时,没有任何作用。这是有意义的,因为有2个滑块,但我已经尝试了100种组合,因为子结构名称无济于事。

使命:我试图改变每个拇指图标,我也有兴趣改变两个拇指(目前为蓝色)之间绘制的颜色。

希望这是非常明显的,谢谢!

1 个答案:

答案 0 :(得分:4)

RangeSlider的默认样式类为range-slider。您可以在rangeslider.css文件(在controlsfx.jar上)或repository上找到所有样式规则。

如果您想更改大拇指,那些是StackPane个对象,您可以使用-fx-shape

.range-slider .low-thumb {
    -fx-shape: "M2.998-0.07L3-1.499l2.998,4L3,6.501l-0.002-1.43l1.976-2.57L2.998-0.07z";
}
.range-slider .high-thumb {
    -fx-shape: "M5.997,5.072L5.995,6.501l-2.998-4l2.998-4l0.002,1.43l-1.976,2.57L5.997,5.072z";
}

这将改变范围栏颜色:

.range-slider .range-bar {
    -fx-background-color: red;
}

rangeslider