JavaFX Pane 标签
简介
JavaFX 是一个用于构建富客户端应用程序的开源框架，它提供了丰富的图形化界面组件和功能。其中，Pane 是 JavaFX 中用于布局的一个基本容器类。Pane 继承自 Node 类，可以包含其他的 UI 控件或容器，用于构造复杂的界面布局。本文将介绍 Pane 标签的使用方法，并通过代码示例展示其基本功能。
Pane 标签的基本用法
创建 Pane 对象
使用 Pane 标签创建 Pane 对象非常简单，只需在 FXML 文件中添加如下代码即可：
<Pane fx:id="pane" prefWidth="800" prefHeight="600">
<!-- 添加其他 UI 控件 -->
</Pane>
上述代码中，pane 是 Pane 对象的 ID，可以在 Java 代码中使用该 ID 获取 Pane 对象。
添加 UI 控件
通过在 Pane 标签中添加其他 UI 控件，可以实现复杂的界面布局。例如，可以在 Pane 内添加 Button、Label、TextField 等控件：
<Pane>
<Button fx:id="button" text="点击我" layoutX="100" layoutY="50" />
<Label fx:id="label" text="Hello World" layoutX="200" layoutY="100" />
<TextField fx:id="textField" layoutX="300" layoutY="150" />
</Pane>
上述代码中，Button、Label 和 TextField 控件被添加到了 Pane 中，并通过 layoutX 和 layoutY 属性指定了其相对于 Pane 左上角的位置。
Pane 对象的布局方式
Pane 对象提供了多种布局方式，可以通过设置 layout 相关属性来实现。
设置 Pane 大小
通过设置 Pane 的 prefWidth 和 prefHeight 属性，可以指定 Pane 的首选宽度和高度。例如：
<Pane prefWidth="800" prefHeight="600">
<!-- 添加其他 UI 控件 -->
</Pane>
上述代码中，prefWidth 和 prefHeight 分别设置了 Pane 的宽度和高度为 800 和 600。
设置 UI 控件的位置
通过设置 UI 控件的 layout 相关属性，可以控制其相对于 Pane 左上角的位置。常用的 layout 属性包括：
layoutX：控件相对于 Pane 左上角的 X 坐标；layoutY：控件相对于 Pane 左上角的 Y 坐标；layoutBounds：用于设置控件的布局范围。
设置 UI 控件的对齐方式
通过设置 UI 控件的对齐属性，可以控制其在 Pane 中的对齐方式。常用的对齐属性包括：
alignment：控件的水平和垂直对齐方式；halignment：控件的水平对齐方式；valignment：控件的垂直对齐方式。
Pane 布局的进阶用法
使用边界布局(BorderPane)
边界布局(BorderPane) 是 Pane 的一种特殊布局方式，可以将 UI 控件分别放置在边界、中心和角落的位置。边界布局将 Pane 分为 5 个区域：上、下、左、右和中心。可以通过设置控件在这些区域中的对齐方式来实现复杂的布局。以下是使用边界布局的示例代码：
<BorderPane>
<top>
<Button text="顶部按钮" />
</top>
<bottom>
<Button text="底部按钮" />
</bottom>
<left>
<Button text="左侧按钮" />
</left>
<right>
<Button text="右侧按钮" />
</right>
<center>
<Button text="中心按钮" />
</center>
</BorderPane>
上述代码中，Button 控件分别放置在了边界布局的顶部、底部、左侧、右侧和中心位置。
使用流式布局(HBox 和 VBox)
流式布局(HBox 和 VBox) 是 Pane 的另一种常用布局方式，可以将 UI 控件水平
