javafx VBox 跟随窗口变大变小

原创

mob649e815ecee0 2024-05-12 05:07:54 ©著作权

©著作权归作者所有：来自51CTO博客作者mob649e815ecee0的原创作品，请联系作者获取转载授权，否则将追究法律责任

使用JavaFX实现VBox跟随窗口变大变小

在JavaFX中，VBox是一个布局类，用于在垂直方向上排列子节点。有时候我们希望VBox在窗口大小改变时能够自动调整大小，使得布局更加灵活。本文将介绍如何使用JavaFX实现VBox跟随窗口变大变小的效果。

JavaFX布局

在JavaFX中，我们通过将各种节点（Node）放置在容器（Container）中来进行布局。VBox是一种常用的布局容器，可以将子节点按照垂直顺序依次排列。以下是一个简单的JavaFX应用程序，其中包含一个VBox和一个Label：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) {
        VBox vbox = new VBox();
        Label label = new Label("Hello, JavaFX!");
        
        vbox.getChildren().add(label);
        
        Scene scene = new Scene(vbox, 200, 200);
        primaryStage.setScene(scene);
        primaryStage.setTitle("VBox Example");
        primaryStage.show();
    }

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

在上面的代码中，我们创建了一个VBox并添加了一个Label，然后将VBox设置为Scene的根节点，并显示在Stage中。

跟随窗口变大变小

为了实现VBox跟随窗口变大变小的效果，我们需要使用JavaFX中的监听器（Listener）。JavaFX提供了一个ChangeListener接口，可以监视场景（Scene）或舞台（Stage）的大小变化。我们可以通过实现这个接口来监听窗口大小的改变，并相应地调整VBox的大小。

下面是修改后的代码，实现了VBox随窗口大小变化而变化：

import javafx.application.Application;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) {
        VBox vbox = new VBox();
        Label label = new Label("Hello, JavaFX!");
        
        vbox.getChildren().add(label);
        
        Scene scene = new Scene(vbox, 200, 200);
        
        // 监听窗口大小变化
        scene.widthProperty().addListener(new ChangeListener<Number>() {
            @Override
            public void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {
                vbox.setPrefWidth(newValue.doubleValue());
            }
        });
        
        scene.heightProperty().addListener(new ChangeListener<Number>() {
            @Override
            public void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {
                vbox.setPrefHeight(newValue.doubleValue());
            }
        });
        
        primaryStage.setScene(scene);
        primaryStage.setTitle("VBox Example");
        primaryStage.show();
    }

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

在这段代码中，我们通过监听Scene的widthProperty和heightProperty来监视窗口大小的变化，并在窗口大小变化时分别设置VBox的宽度和高度。

流程图

下面是一个简单的流程图，展示了VBox跟随窗口变大变小的过程：

flowchart TD
    A[开始] --> B[VBox创建]
    B --> C[Label创建]
    C --> D[将Label添加到VBox中]
    D --> E[创建Scene]
    E --> F[监听窗口大小变化]
    F --> G[设置VBox大小]
    G --> H[显示Stage]
    H --> I[结束]