JavaFX动态布局：HBox与VBox内容添加行为解析与实践

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class DynamicLayoutDemo extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception {
        // 创建两个选项卡
        Tab t1 = new Tab("Test Tab 1");
        Tab t2 = new Tab("Test Tab 2");  // 暂时为空

        // 创建一个文本标签
        Text testLabel = new Text("This is a test label at the top of VBox.");

        // 创建一个HBox用于放置初始按钮，并设置10像素的间距
        HBox buttonsContainer = new HBox(10);
        Button button1 = new Button("Button 1");
        Button button2 = new Button("Add Content");
        buttonsContainer.getChildren().addAll(button1, button2);

        // 创建一个VBox作为外部容器，包含文本标签和HBox，并设置10像素的间距
        VBox outerVBox = new VBox(10);
        outerVBox.getChildren().addAll(testLabel, buttonsContainer);

        // 将VBox设置到第一个选项卡的内容区域
        t1.setContent(outerVBox);

        // 为button2设置点击事件处理器
        button2.setOnAction(new EventHandler<ActionEvent>(){
           @Override
           public void handle(ActionEvent e){
              // 动态添加到HBox的按钮，会显示在现有按钮旁边
              buttonsContainer.getChildren().add(new Button("Added to HBox"));
              // 动态添加到VBox的按钮，会显示在现有内容下方
              outerVBox.getChildren().add(new Button("Added to VBox"));
              System.out.println("Content added. HBox children: " + buttonsContainer.getChildren().size() + 
                                 ", VBox children: " + outerVBox.getChildren().size());
           }
        });

        // 创建TabPane并添加选项卡
        TabPane tabPane = new TabPane(t1, t2);

        // 创建场景并设置其初始大小。增大尺寸以确保有足够空间显示动态添加的组件
        // 450x300的尺寸通常足以观察到新增的按钮
        Scene scene = new Scene(tabPane, 450, 300);
        primaryStage.setTitle("JavaFX Dynamic Layout Demo");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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