ImageViews で満たされた VBox があり、VBox は CENTER の BorderPane 内に配置されます。
ScrollBar を移動すると、その値が取得され、VBox を ScrollBar の値と同じように Y 軸で再配置する必要があります。
私のコードは簡単です:
@Override
public void start(Stage stage) throws Exception {
stage.setTitle("MyScrollbarSample");
ScrollBar scrollBar = new ScrollBar();
scrollBar.setBlockIncrement(10);
scrollBar.setMax(180);
scrollBar.setOrientation(Orientation.VERTICAL);
// scrollBar.setPrefHeight(180);
scrollBar.setValue(90);
final VBox vBox = new VBox(1);
// vBox.setPrefHeight(180);
for (int i = 1; i < 6; i++) {
vBox.getChildren().add(new ImageView(new Image(getClass().getResourceAsStream("fw" + i + ".jpg"))));
}
scrollBar.valueProperty().addListener(new ChangeListener<Number>() {
@Override
public void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {
System.out.println("newValue=" + newValue.doubleValue());
// vBox.setLayoutY(-newValue.doubleValue());
vBox.relocate(vBox.getLayoutX(), - newValue.doubleValue());
}
});
BorderPane borderPane = new BorderPane();
borderPane.setCenter(vBox);
borderPane.setRight(scrollBar);
stage.setScene(new Scene(borderPane));
stage.show();
}
残念ながら、ScrollBar を移動しても、VBox の setLayoutY も relocate も移動しません。