Javafx Slider 拇指

Question

有沒有辦法在 javafx 的 slider 拇指上顯示 integer？ 只是好奇，因為我正在嘗試制作一個干凈的 UI，但在 slider 拇指上顯示 integer 時找不到任何東西。

Answer 1

解決該要求的一種方法是訪問拇指節點並包含一個文本/標簽節點。 請檢查以下演示以了解我的意思。

您可以調整拇指填充和文本大小以進行微調。

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Slider;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class SliderTextDemo extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        Slider slider = new Slider(1, 10, 3);
        slider.setShowTickMarks(true);
        slider.setShowTickLabels(true);
        slider.setMajorTickUnit(1f);
        slider.setBlockIncrement(1f);
        slider.setSnapToTicks(true);

        Text text = new Text();
        slider.skinProperty().addListener((obs,old,skin)->{
            if(skin!=null){
                StackPane thumb = (StackPane)slider.lookup(".thumb");
                thumb.setPadding(new Insets(10));
                thumb.getChildren().add(text);
            }
        });
        slider.valueProperty().addListener((obs,old,val)->text.setText(val.intValue()+""));
        slider.setValue(2);

        VBox root = new VBox(slider);
        root.setAlignment(Pos.CENTER);
        root.setPadding(new Insets(20));
        root.setSpacing(20);
        Scene scene = new Scene(root,600,200);
        primaryStage.setScene(scene);
        primaryStage.setTitle("Slider Text Demo");
        primaryStage.show();
    }
}

更新：

如果您不想依賴訪問皮膚，您確實可以實現/初始化 Slider，如下所示。 這樣您就可以創建自定義 Slider 並且可以在多個地方重復使用。

Slider slider = new Slider(1, 10, 3) {
    Text text;

    @Override
    protected void layoutChildren() {
        super.layoutChildren();
        if (text == null) {
            text = new Text(((int) getValue()) + "");
            valueProperty().addListener((obs, old, val) -> text.setText(val.intValue() + ""));
            StackPane thumb = (StackPane) lookup(".thumb");
            thumb.setPadding(new Insets(10));
            thumb.getChildren().add(text);
        }
    }
};