Javafx 滑块拇指

Question

有没有办法在 javafx 中的滑块拇指上显示一个整数？只是好奇，因为我正在尝试做一个干净的 UI 并且在滑块拇指上显示整数时找不到任何东西。

Answer 1

满足该要求的一种方法是访问缩略图节点并包含一个 Text/Label 节点。请查看下面的演示以了解我的意思。

您可以调整缩略图内边距和文字大小以进行微调。

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();
    }
}

更新：

如果您不想依赖于访问皮肤，您确实可以 implement/initialize 滑块，如下所示。这样您就可以创建自定义 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);
        }
    }
};

Javafx 滑块拇指

Javafx Slider Thumb

java

javafx

slider