[译]JavaFX 2.0+系列教程-使用内置的布局面板(2)-边框面板(BorderPane)

浏览数：35 / 时间：2015年06月08日

[译]JavaFX 2.0+系列教程-使用内置的布局面板(2)-边框面板(BorderPane)

边框面板 BorderPane 将面板划分为5个区域来放置界面元素：上、下、左、右、中。图 1-1 显示了边框面板的布局示意图。每个区域的大小是没有限制的。在你使用边框面板时，如果不需要某个区域，你只要不为该区域设置内容，该区域则不会被分配显示空间，自然也就不会显示。

图 1-1 边框面板布局示意图

边框面板是我们经常见到的一个非常经典的布局效果：上面是菜单栏和工具栏，下面是状态栏，左边是导航面板，右边是附加面板，中间是核心工作区域。

当边框面板所在窗口的大小比边框面板本身所需大小(也就是其包含的每个区域中内容所需大小之和)大时，多出的空间默认会设置给中间区域。当窗口较小时，各个区域会重叠。重叠的顺序取决于各个区域设置的顺序。打个比方来说，如果各个区域设置的顺序是左下右，当窗口较小时，重叠部分下会覆盖左，而右会覆盖下。如果区域设置顺序是左右下，当窗口较小时，重叠部分下会在左和右至之上。

代码片段例 1-1 显示了“Layout Sample application”示例项目中边框面板的创建，其中为各个区域的设置内容的方法会在本文的后续章节中进行说明。

例 1-1 创建边框面板

BorderPane border = new BorderPane();
HBox hbox = addHBox()
border.setTop(hbox);
border.setLeft(addVBox());
addStackPane(hbox);         // 添加一个堆栈面板到上方区域的水平盒子中

border.setCenter(addGridPane());
border.setRight(addFlowPane());

注意，这个示例中没有使用下方区域。如果你想在下方添加一些内容，使用下面的代码，并使用你定义的控件替换其参数(node)：