JavaFX UI组件——Scroll Bar

最新推荐文章于 2025-03-24 21:03:48 发布

每天走走

最新推荐文章于 2025-03-24 21:03:48 发布

阅读量293

点赞数

分类专栏： JavaFX

JavaFX 专栏收录该内容

46 篇文章

订阅专栏

本文提供了一个使用 JavaFX 创建带有滚动条的用户界面的详细示例。通过代码演示了如何设置垂直滚动条，并使其与 VBox 布局交互，以实现图片的平滑滚动效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

详解：https://docs.oracle.com/javase/8/javafx/user-interface-tutorial/scrollpane.htm

代码示例：

import javafx.application.Application;
import javafx.beans.value.ObservableValue;
import javafx.geometry.Orientation;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.ScrollBar;
import javafx.scene.effect.DropShadow;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class ScrollBarSample extends Application {

final ScrollBar sc = new ScrollBar();
final Image[] images = new Image[5];
final ImageView[] pics = new ImageView[5];
final VBox vb = new VBox();
DropShadow shadow = new DropShadow();

@Override
public void start(Stage stage) {
Group root = new Group();
Scene scene = new Scene(root, 180, 180);
scene.setFill(Color.BLACK);
stage.setScene(scene);
stage.setTitle("Scrollbar");
root.getChildren().addAll(vb, sc);

shadow.setColor(Color.GREY);
shadow.setOffsetX(2);
shadow.setOffsetY(2);

vb.setLayoutX(5);
vb.setSpacing(10);

sc.setLayoutX(scene.getWidth()-sc.getWidth());
sc.setMin(0);
sc.setOrientation(Orientation.VERTICAL);
sc.setPrefHeight(180);
sc.setMax(360);

for (int i = 0; i < 5; i++) {
final Image image = images[i] =
new Image(getClass().getResourceAsStream("fw" +(i+1)+ ".jpg"));
final ImageView pic = pics[i] =
new ImageView(images[i]);
pic.setEffect(shadow);
vb.getChildren().add(pics[i]);
}

sc.valueProperty().addListener((ObservableValue<? extends Number> ov,
Number old_val, Number new_val) -> {
vb.setLayoutY(-new_val.doubleValue());
});

stage.show();
}

public static void main(String[] args) {
launch(args);
}
}