JavaFX滚动条

ScrollBar类经常带有一个可滚动的窗格。

滚动条有四个区域：

• 拇指
• 右按钮或向下按钮
• 左按钮或向上按钮
• 跟踪

上面的代码生成以下结果。

创建滚动条

以下代码使用其默认构造函数创建滚动条。

ScrollBar sc = new ScrollBar();

setMin()和setMax()方法定义滚动条表示的最小值和最大值。setValue()方法设置滚动的当前值，也设置拇指的位置。

sc.setMin(0);
sc.setMax(100);
sc.setValue(50);

当用户移动缩略图时，滚动条的值会更改。默认情况下，滚动条水平定向。我们可以使用setOrientation()方法设置垂直方向。

我们可以单击水平滚动条的左和右按钮或者向上和向下按钮，垂直滚动条以单位增量滚动。 UNIT_INCREMENT属性设置此值。
单击轨道可使滚动条移动块增量。BLOCK_INCREMENT属性定义此值。

import javafx.application.Application;
import javafx.geometry.Orientation;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.ScrollBar;
import javafx.stage.Stage;
/*  w  ww. j  a v  a 2  s. c om*/
public class Main extends Application {
    @Override
    public void start(Stage stage) {
        Group root = new Group();
        Scene scene = new Scene(root, 500, 200);
        stage.setScene(scene);

        ScrollBar s1 = new ScrollBar();
        s1.setMax(500);
        s1.setMin(0);
        s1.setValue(100);
        s1.setUnitIncrement(30);
        s1.setBlockIncrement(35);

        s1.setOrientation(Orientation.VERTICAL);

        root.getChildren().add(s1);
        stage.show();
    }
    public static void main(String[] args) {
        launch(args);
    }
}

上面的代码生成以下结果。

滚动事件

以下代码为滚动事件从滚动条添加事件处理程序。

import javafx.application.Application;
import javafx.beans.value.ObservableValue;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.ScrollBar;
import javafx.stage.Stage;

public class Main extends Application {
    @Override
    public void start(Stage stage) {
        Group root = new Group();
        Scene scene = new Scene(root, 500, 200);
        stage.setScene(scene);

        ScrollBar s1 = new ScrollBar();

        s1.valueProperty().addListener((ObservableValue<? extends Number> ov, 
            Number old_val, Number new_val) -> {
                System.out.println(-new_val.doubleValue());
        });          
        root.getChildren().add(s1);
        stage.show();
    }
    public static void main(String[] args) {
        launch(args);
    }
}

上面的代码生成以下结果。