icons - JAVAFX 2.0 如何将 slider 中的 slider 图标更改为图像？

Question

我想将图标更改为我的图像，我查看了 CSS 引用指南，但似乎找不到任何相关内容。甚至可能吗？不管它是使用 CSS 还是从主要 JavaFX 脚本声明。

Answer 1

查看此 AudioPlayer 中如何呈现自定义 slider 的示例代码和图像.

还有 JFXtras library如果您只想要反馈而不是交互式控件，它有许多仪表。

这是使用不变量的答案指出的选择器的一些示例 css。请注意，我需要在图像尺寸的一半处添加 -fx-padding 规范，以便显示整个图像。

/** slider.css
place in same directory as SliderCss.java
ensure build system copies the css file to the build output path */

.slider .thumb {
    -fx-background-image :url("http://icons.iconarchive.com/icons/double-j-design/diagram-free/128/piggy-bank-icon.png");   
    -fx-padding: 64;
}
/* Icon license: creative commons with attribution: http://www.doublejdesign.co.uk/products-page/icons/diagram */

示例应用程序:

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.*;
import javafx.stage.Stage;

public class SliderCss extends Application {
  public static void main(String[] args) { launch(args); }
  @Override public void start(Stage stage) throws Exception {
    VBox layout = new VBox();
    layout.setStyle("-fx-background-color: cornsilk; -fx-padding: 10px;");
    layout.getChildren().setAll(new Slider());
    layout.getStylesheets().add(getClass().getResource("slider.css").toExternalForm());
    stage.setScene(new Scene(layout));

    stage.show();
  }
}

示例程序输出: