JavaFX CSS
JavaFX - CSS

JavaFX - 滑块

滑块是一种 UI 控件，由一个轨道和一个滑块组成，以及其他可选元素，如刻度线和刻度标签。它允许用户通过沿轨道拖动滑块来从连续或离散的值范围内选择一个值。滑块的常见应用可以在音频或视频播放器、游戏、亮度控制器等中看到。下图显示了两个滑块，一个是音量控制器，另一个是亮度控制器。

JavaFX 中的滑块

在 JavaFX 中，滑块由名为Slider的类表示。此类属于包javafx.scene.control。通过实例化此类，我们可以在 JavaFX 中创建滑块。Slider 类的构造函数如下所示：

Slider() - 这是默认构造函数。
Slider(double minVal, double maxVal, double currentVal) - 它创建一个新的滑块，并指定初始值、最小值和最大值。

在 JavaFX 中创建滑块的步骤

要在 JavaFX 中创建滑块，请按照以下步骤操作。

步骤 1：实例化 Slider 类

在start()方法内实例化Slider类。此操作将在 JavaFX 应用程序中创建一个滑块控件。

// creating a slider using default constructor
Slider slide = new Slider();

步骤 2：设置滑块的最小值和最大值

每个滑块都有最小值和最大值。要设置最小值，使用名为setMin()的内置方法，该方法接受一个双精度值作为参数。类似地，使用setMax()方法设置最大值，该方法也需要双精度值作为参数值。

// setting the minimum and maximum values
slide.setMin(0);
slide.setMax(100);

步骤 3：设置滑块的方向

要设置滑块的方向，我们使用名为setOrientation()的方法。它接受枚举值 VERTICAL 或 HORIZONTAL 作为参数。

// setting the orientation
slide.setOrientation(Orientation.VERTICAL);

步骤 4：滑块的可选属性

我们还可以设置滑块的各种属性，例如主刻度和次刻度的数量、刻度线和标签。为此，请使用以下代码：

// major and minor tick marks
slide.setMajorTickUnit(10);
slide.setMinorTickCount(9);
slide.setShowTickMarks(true);
slide.setShowTickLabels(true);

步骤 5：启动应用程序

创建并设置滑块的属性后，请按照以下步骤正确启动应用程序：

首先，创建一个VBox来容纳滑块。
接下来，通过将 VBox 对象作为参数值传递给其构造函数以及应用程序屏幕的尺寸来实例化名为Scene的类。
然后，使用Stage类的setTitle()方法设置舞台的标题。
现在，使用名为Stage的类的setScene()方法将 Scene 对象添加到舞台。
使用名为show()的方法显示场景的内容。
最后，使用launch()方法启动应用程序。

示例

在以下示例中，我们将要在 JavaFX 应用程序中创建一个滑块。将此代码保存在名为SliderJavafx.java的文件中。

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.Slider;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import javafx.geometry.Orientation;
import javafx.geometry.Pos; 
public class SliderJavafx extends Application {
   @Override
   public void start(Stage stage) {
      // creating a slider using default constructor
      Slider slide = new Slider();
      // setting the minimum and maximum values
      slide.setMin(0);
      slide.setMax(100);
      // setting the orientation
      slide.setOrientation(Orientation.VERTICAL);
      // major and minor tick marks
      slide.setMajorTickUnit(10);
      slide.setMinorTickCount(9);
      slide.setShowTickMarks(true);
      slide.setShowTickLabels(true);
      // creating a label to display the slider value
      Label valueLabel = new Label("Value: " + slide.getValue());
      // creating a listener to update the label when the slider value changes
      slide.valueProperty().addListener((observable, oldValue, newValue) -> {
         valueLabel.setText("Value: " + newValue.intValue());
      });
      // creating a VBox to hold the slider and the label
      VBox root = new VBox();
      root.setAlignment(Pos.CENTER); 
      root.setPadding(new Insets(10));
      root.setSpacing(10);
      root.getChildren().addAll(slide, valueLabel);
      // create a scene and stage
      Scene scene = new Scene(root, 400, 300);
      stage.setTitle("Slider in JavaFX");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String[] args) {
      launch(args);
   }
}

要从命令提示符编译并执行保存的 Java 文件，请使用以下命令：

javac --module-path %PATH_TO_FX% --add-modules javafx.controls SliderJavafx.java
java --module-path %PATH_TO_FX% --add-modules javafx.controls SliderJavafx

输出

当我们执行上述代码时，它将生成以下输出。

使用其参数化构造函数在 JavaFX 中创建滑块

我们都知道，在 JavaFX 中创建滑块有两种方法：一种是使用 Slider 类的默认构造函数，另一种是使用其参数化构造函数。在下一个示例中，我们将使用 Slider 类的参数化构造函数在 JavaFX 中创建滑块。将此代码保存在名为JavafxSlider.java的文件中。

示例

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.Slider;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import javafx.geometry.Orientation;
import javafx.geometry.Pos;
public class JavafxSlider extends Application {
   @Override
   public void start(Stage stage) {
      // creating a Slider with a range of 0 to 100
      Slider slide = new Slider(0, 100, 50);
      // setting the orientation to horizontal
      slide.setOrientation(Orientation.HORIZONTAL);
      // setting the major tick unit to 10
      slide.setMajorTickUnit(10);
      // to show the tick marks and labels
      slide.setShowTickMarks(true);
      slide.setShowTickLabels(true);
      // Label to display the value of the Slider
      Label label = new Label("Value: " + slide.getValue());
      // listener to show the value of Slider
      slide.valueProperty().addListener((observable, oldValue, newValue) -> {
         // Update the Label with the new value
         label.setText("Value: " + newValue);
      });
      // creating a VBox 
      VBox root = new VBox(10);
      root.setAlignment(Pos.CENTER); 
      root.setPadding(new Insets(10));
      root.getChildren().addAll(slide, label);
      // creating a Scene and Stage
      Scene scene = new Scene(root, 400, 300);
      stage.setTitle("Slider in JavaFX");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String[] args) {
      launch(args);
   }
}

通过使用以下命令从命令提示符编译并执行保存的 Java 文件：

javac --module-path %PATH_TO_FX% --add-modules javafx.controls JavafxSlider.java
java --module-path %PATH_TO_FX% --add-modules javafx.controls JavafxSlider

输出

执行上述代码后，它将生成以下输出。

打印页面