如何在 javafx 的滑块中动态更改滑块拇指图标图像? [英] How can i dynamically change the slider thumb icon image in a slider in javafx?

问题描述

在 fxml 文件中有滑块:

<块引用><块引用>

滑块 fx:id="slider" minHeight="20" minWidth="-Infinity" prefWidth="300.0"

想要从我的 .java 类更改滑块拇指图标图像，因为我可以使用 css

更改拇指图标图像

.slider .thumb{-fx-background-image :url("你的图片");...//更多自定义}

但我想从 .java 类中更改图像

请建议..

谢谢

解决方案

您可以使用 Node#lookup() 方法.

String IMAGE = getClass().getResource("my-image.png").toExternalForm();StackPane thumb = (StackPane)slider.lookup(".thumb");thumb.getChildren().clear();thumb.getChildren().add(new ImageView(IMAGE));

注意:请注意，您需要在 stage.show() 之后调用此代码才能使查找正常工作.

have slider in fxml file :

Slider fx:id="slider" minHeight="20" minWidth="-Infinity" prefWidth="300.0"

Want an slider thumb icon image to be change from my .java class as I can change the thumb icon image by using css

.slider .thumb{
 -fx-background-image :url("your image");   
 ...// more customization       
}

But I want to change the image from .java class

Please suggest..

Thanks

解决方案

You can find thumb from Java code using Node#lookup() method.

String IMAGE = getClass().getResource("my-image.png").toExternalForm();

StackPane thumb = (StackPane)slider.lookup(".thumb");
thumb.getChildren().clear();
thumb.getChildren().add(new ImageView(IMAGE));

N.B.: Note you need to call this code after stage.show() to have lookup working correctly.

这篇关于如何在 javafx 的滑块中动态更改滑块拇指图标图像?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！