fxml 三段式布局

FXML 三段式布局是一种常见的布局方式，它通常用于构建 JavaFX 应用程序的用户界面。三段式布局由三个部分组成：顶部布局、中间布局和底部布局。

顶部布局通常用于放置菜单栏、工具栏、标题栏等组件，它被放置在界面的最上方。

中间布局用于放置主要的内容区域，例如表单、列表、图表等组件。它占据了界面的大部分空间。

底部布局通常用于放置状态栏、操作按钮、进度条等组件，它被放置在界面的最下方。

以下是一个简单的 FXML 三段式布局示例：

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<BorderPane xmlns:fx="http://javafx.com/fxml" fx:controller="com.example.MainController">
    <top>
        <!-- 顶部布局 -->
        <HBox>
            <Label text="菜单栏" />
            <Button text="工具栏" />
        </HBox>
    </top>
    <center>
        <!-- 中间布局 -->
        <VBox>
            <TextField promptText="输入框" />
            <TableView>
                <columns>
                    <TableColumn text="列1" />
                    <TableColumn text="列2" />
                </columns>
                <items>
                    <FXCollections fx:factory="observableArrayList">
                        <Person name="张三" age="18" />
                        <Person name="李四" age="20" />
                    </FXCollections>
                </items>
            </TableView>
        </VBox>
    </center>
    <bottom>
        <!-- 底部布局 -->
        <HBox>
            <ProgressBar progress="0.5" />
            <Button text="确定" />
            <Button text="取消" />
        </HBox>
    </bottom>
</BorderPane>

在这个示例中，我们使用了 BorderPane 来实现三段式布局。顶部布局使用了 HBox，中间布局使用了 VBox，底部布局仍然使用了 HBox。通过使用不同的布局容器，我们可以实现各种不同的布局方式，以满足不同的需求。