在JavaFX中使用布局.docVIP

在JavaFX中使用布局 一、用内置布局窗格 一个JavaFxUI元素的位置和大小来手动地布局用户界面。但是，一个更简单的做法是使用布局窗格。JavaFx?SDK提供了多种布局容器类，叫做窗格，它们可简化对一些经典布局的设置和管理，例如行、列、堆叠、平铺等等。当窗口缩放时，布局窗格会自动地根据节点属性重设其包含的所有节点的位置和大小。 本话题为JavaFx?layoutLayoutSample.java文件包含了本话题中UILayoutSample.zip文件包含了示例应用的NetBeans  BorderPane BorderPane布局窗格提供了5top,?bottom,?left,?right,?和?center。图?1-1展示了border?pane 图?1-1?Border?Pane? ? border?pane可用于这种经典的外观：top:工具栏，bottom:状态栏，left:导航栏，right:附加信息，center:工作区。 默认情况下，如果窗口比所有区域所需空间还大，多余的空间将被分配给中间区域。如果窗口比所需空间小，区域可能会重叠。重叠是由区域设置的顺序决定的。例如，如果区域设置的顺序是?left,?bottom,?rightbottom区域会覆盖left区域，right区域会覆盖bottom区域。如果区域设置的顺序是?left,?right,?bottom，当窗口变得更小时，bottom区域会覆盖left和right区域。 例?1-1?展示了布局示例应用中创建border?pane 例?1-1?Border?Pane 1.?BorderPane?border?=?new?BorderPane(); 2.?HBox?hbox?=?addHBox() 3.?border.setTop(hbox); 4.?border.setLeft(addVBox()); 5.?addStackPane(hbox);?????????//?在top区域的HBox中添加stack?pane 6.?? 7.?border.setCenter(addGridPane()); 8.?border.setRight(addFlowPane()); 注意一点，在本例中，border?panebottom区域并没有被使用。如果你想要在bottom区域中添加什么，可以使用下面的语句并且替换其中的节点node为你选择的控件。 1.?border.setBottom(node); HBox HBox?布局窗格可以让你很容易地将一系列节点排列到一行中。图?1-2?展示了一个?HBox?窗格的例子. 图?1-2?HBox? ? Padding?属性可以设置节点到?HBox?边缘的距离。?Spacing?Style可用来改变背景色。 例?1-2?为一个工具栏创建了一个包含两个按钮的?HBox?窗格。 例?1-2?HBox?窗格 1.?public?HBox?addHBox()?{ 2.?????HBox?hbox?=?new?HBox(); 3.?????hbox.setPadding(new?Insets(15,?12,?15,?12)); 4.?????hbox.setSpacing(10); 5.?????hbox.setStyle(-fx-background-color:?#336699;); 6.?? 7.?????Button?buttonCurrent?=?new?Button(Current); 8.?????buttonCurrent.setPrefSize(100,?20); 9.?? 10.?????Button?buttonProjected?=?new?Button(Projected); 11.?????buttonProjected.setPrefSize(100,?20); 12.?????hbox.getChildren().addAll(buttonCurrent,?buttonProjected); 13.?? 14.?????return?hbox; 15.?} 例?1-1中的?setTop()?函数将这个?HBox?窗格添加到border?pane的top区域。其结果展示在图?1-3中。 图?1-3?Border?Pane???HBox?Pane ? VBox VBox?布局窗格和?HBox?很相似，除了这里所有节点是被排列到一个列中的。图?1-4?展示了一个?VBox?窗格的示例。 图?1-4?VBox?Pane ? Padding?可用于设置节点到?VBox?窗格边界的距离。?SpacingMargins?可在单独的控件周围添加额外的空间。 译者注：padding又称内边距、补白或留白，margi