如何使用JavaFX对滑块进行操作?

JavaFX提供了一个称为Slider的类,它表示显示连续值范围的Slider组件。它包含一个在其上显示数字值的轨道。沿着轨道,有一个指向数字的拇指。您可以提供滑块的最大值,最小值和初始值。

设置滑块的动作

名为value的滑块类的属性表示滑块的当前值,valueProperty()返回表示滑块当前值的属性对象。您可以通过使用addListener()方法将侦听器添加到此属性来设置更改值时的操作。

示例

在下面的JavaFX示例中,我们创建了一个滑块和一个圆。

我们已经实例化了Translate(变换)类,并将滑块新值与沿x轴的平移值链接在一起,并将平移变换添加到了圆上。

import javafx.application.Application;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Slider;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.scene.transform.Translate;
import javafx.stage.Stage;
public class SliderAction extends Application {
   @Override
   public void start(Stage stage) {
      //Drawing a Rectangle
      Circle circle = new Circle(50);
      circle.setFill(Color.DARKRED);
      circle.setStroke(Color.BLUEVIOLET);
      //Setting the slider
      Slider slider = new Slider(0, 500, 0);
      slider.setShowTickLabels(true);
      slider.setShowTickMarks(true);
      slider.setMajorTickUnit(100);
      slider.setBlockIncrement(50);
      //Setting the width of the slider
      slider.setMaxWidth(300);
      //Creating the translation transformation
      Translate translate = new Translate();
      //Linking the transformation to the slider
      slider.valueProperty().addListener(new ChangeListener<Number>() {
         public void changed(ObservableValue <?extends Number>observable, Number oldValue, Number newValue){
            translate.setX((double) newValue);
            translate.setY(50);
            translate.setZ(100);
         }
      });
      //Adding the transformation to the circle
      circle.getTransforms().add(translate);
      //VBox to arrange circle and the slider
      VBox vbox = new VBox(85);
      vbox.setPadding(new Insets(10));
      vbox.getChildren().addAll(circle, slider);
      vbox.setStyle("-fx-background-color: BEIGE");
      //Preparing the scene
      Scene scene = new Scene(vbox, 600, 250);
      stage.setTitle("Slider Example");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String args[]){
      launch(args);
   }
}

输出结果

执行上述程序时,它将生成一个JavaFX窗口,上面带有一个滑块和一个圆圈。如果移动滑块,则圆圈将沿x轴滑动。