JavaFX动态UI更新：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 {
        // 创建一个文本节点
        Text welcomeText = new Text("欢迎来到动态布局演示！");

        // 创建一个HBox用于放置按钮
        HBox buttonContainer = new HBox(10); // 10像素间距
        Button addButtonHBox = new Button("向HBox添加按钮");
        Button addButtonVBox = new Button("向VBox添加按钮");
        buttonContainer.getChildren().addAll(addButtonHBox, addButtonVBox);

        // 创建一个VBox作为外部容器，包含文本和HBox
        VBox outerVBox = new VBox(15); // 15像素间距
        outerVBox.getChildren().addAll(welcomeText, buttonContainer);

        // 创建一个Tab，并将outerVBox设置为其内容
        Tab tab1 = new Tab("演示Tab");
        tab1.setContent(outerVBox);
        tab1.setClosable(false); // 不可关闭

        // 创建另一个空的Tab
        Tab tab2 = new Tab("空Tab");
        tab2.setClosable(false);

        // 创建TabPane并将两个Tab添加进去
        TabPane tabPane = new TabPane(tab1, tab2);

        // 设置按钮的事件处理
        addButtonHBox.setOnAction(new EventHandler<ActionEvent>(){
           @Override
           public void handle(ActionEvent e){
               // 向HBox添加一个新按钮
               buttonContainer.getChildren().add(new Button("HBox新增按钮 " + (buttonContainer.getChildren().size() - 1)));
               System.out.println("HBox中新增了一个按钮。");
           }
        });

        addButtonVBox.setOnAction(new EventHandler<ActionEvent>(){
           @Override
           public void handle(ActionEvent e){
               // 向VBox添加一个新按钮
               outerVBox.getChildren().add(new Button("VBox新增按钮 " + (outerVBox.getChildren().size() - 1)));
               System.out.println("VBox中新增了一个按钮。");
           }
        });

        // 创建场景，并设置足够大的初始尺寸以容纳动态添加的元素
        Scene scene = new Scene(tabPane, 600, 400); // 初始宽度600，高度400

        // 设置主舞台
        primaryStage.setTitle("JavaFX动态布局演示");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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