如何创建具有两个滑块的JavaFX滑块？

介绍

JavaFX的 RangeSlider 类提供将选择范围限制在两个滑块之间的方法。本文将介绍如何在JavaFX应用程序中创建具有两个滑块的RangeSlider。

RangeSlider简介

RangeSlider类是一个JavaFX控件，它提供了两个滑块，用于定义选择范围。例如，如果您有一个值范围从0到100的属性，并且希望用户能够选择该属性的子集，您可以使用RangeSlider控件。

创建一个RangeSlider

要创建RangeSlider，您需要将以下代码片段添加到您的JavaFX应用程序中：

RangeSlider rangeSlider = new RangeSlider();
rangeSlider.setMin(0);
rangeSlider.setMax(100);
rangeSlider.setLowValue(25);
rangeSlider.setHighValue(75);

第一行创建一个新的RangeSlider对象。第二行和第三行设置RangeSlider的最小值和最大值。第四行和第五行设置RangeSlider的初始选择范围。

使用两个滑块

默认情况下，RangeSlider只使用一个滑块。要使用两个滑块，请将以下代码片段添加到您的JavaFX应用程序中：

RangeSlider rangeSlider = new RangeSlider();
rangeSlider.setMin(0);
rangeSlider.setMax(100);
rangeSlider.setLowValue(25);
rangeSlider.setHighValue(75);
RangeSliderSkin skin = new RangeSliderSkin(rangeSlider);
// add second thumb to RangeSlider
Node secondThumb = skin.getThumb2();
rangeSlider.getChildren().add(secondThumb);

第一到四行的代码与之前创建RangeSlider的代码相同。第五行创建一个RangeSliderSkin对象，该对象可用于控制RangeSlider的外观和行为。第七行获取RangeSlider的第二个滑块。第八行将第二个滑块添加到RangeSlider中。

注意：

使用两个滑块时，建议在第二个滑块的外观中使用不同的颜色或样式，以帮助用户识别两个滑块的作用。

完整代码演示

以下是完整的JavaFX应用程序代码例子：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
import javafx.scene.Node;
import javafx.scene.control.Skin;
import javafx.scene.control.skin.SliderSkin;
import javafx.scene.input.MouseEvent;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
 
import com.sun.javafx.scene.control.skin.RangeSliderSkin;
import javafx.geometry.Insets;
import javafx.geometry.Orientation;
import javafx.scene.control.Label;
import javafx.scene.control.RangeSlider;
import javafx.scene.layout.HBox;
public class Main extends Application {
    @Override
    public void start(Stage primaryStage) {
 
        RangeSlider rangeSlider = new RangeSlider();
        rangeSlider.setMin(0);
        rangeSlider.setMax(100);
        rangeSlider.setLowValue(25);
        rangeSlider.setHighValue(75);
 
        RangeSliderSkin skin = new RangeSliderSkin(rangeSlider);
 
        // add second thumb to RangeSlider
        Node secondThumb = skin.getThumb2();
        rangeSlider.getChildren().add(secondThumb);
 
        HBox hbox = new HBox(10);
        hbox.setPadding(new Insets(20));
        hbox.getChildren().addAll(new Label("Range Slider: "), rangeSlider);
 
        StackPane root = new StackPane();
        root.getChildren().add(hbox);
        Scene scene = new Scene(root, 400, 100);
 
        primaryStage.setTitle("JavaFX RangeSlider with two thumbs");
        primaryStage.setScene(scene);
        primaryStage.show();
    }
    public static void main(String[] args) {
        launch(args);
    }
}

结论

RangeSlider是一个JavaFX控件，它提供了两个滑块，用于定义选择范围。使用RangeSliderSkin可以控制RangeSlider的外观和行为。您可以使用以下代码将第二个滑块添加到RangeSlider控件中：

Node secondThumb = skin.getThumb2();
rangeSlider.getChildren().add(secondThumb);

您可以在第二个滑块的外观中使用不同的颜色或样式，以帮助用户识别两个滑块的作用。