JavaFX技巧29：使布局忽略不可见的节点

在我仍在Swing中实现UI的时候，我曾经是MigLayout的忠实拥护者（“一个布局管理者来统治所有这些，对吗Mikael？”）。我真正喜欢的功能之一是当组件不可见时可以定义不同的行为。 MigLayout允许我保留现在不可见的组件所占用的空间，或者使它仍可用于仍然可见的组件。那么如何在JavaFX中做到这一点呢？

即使答案很简单，但通过查看API并不清楚。 JavaFX使用布局窗格（例如VBox，HBox，BorderPane，FlowPane或GridPane）来布置受管子节点。此处的关键字为“托管”。布局窗格仅考虑其布局算法中标记为托管的那些节点（默认为true）。计算窗格的首选，最小，最大宽度的代码也是如此。此代码也仅考虑受管节点。

让我们看一个例子。我们创建一个带有四个标签的HBox。最初看起来像这样。 JavaFX可见托管

现在，我们将标签2的可见性设置为false，并收到此布局。 JavaFX管理

为了重用以前由标签占用的空间，我们现在将标签2的“ managed”属性设置为false。如您所见，剩下的三个标签现在填充了HBox的整个宽度，并且HBox的宽度已正确调整。 JavaFX

今天就这样。愿代码与您同在！

PS：演示代码如下：

package uk.co.senapt.desktop;import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.CheckBox;
import javafx.scene.control.Label;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;/*** A little demo showing how the "visible" and "managed" property can be used* to make a node disappear in such a way that the layout pane / container can* reclaim the space previously occupied by the now invisible node.*/
public class VisibleManagedDemo extends Application {@Overridepublic void start(Stage primaryStage) {Label label1 = createLabel("Label 1");Label label2 = createLabel("Label 2");Label label3 = createLabel("Label 3");Label label4 = createLabel("Label 4");CheckBox visibleBox = new CheckBox("Visible");CheckBox managedBox = new CheckBox("Managed");visibleBox.setSelected(true);managedBox.setSelected(true);label2.visibleProperty().bind(visibleBox.selectedProperty());label2.managedProperty().bind(managedBox.selectedProperty());HBox hBox1 = new HBox(10, new Label("Label 2 settings:"), visibleBox, managedBox);HBox hBox2 = new HBox(10, label1, label2, label3, label4);hBox2.setStyle("-fx-background-color: lightgray; -fx-padding: 20");VBox vBox = new VBox(20, hBox1, hBox2);vBox.setFillWidth(false);vBox.setPadding(new Insets(20));primaryStage.setTitle("Visible / Managed Demo");primaryStage.setScene(new Scene(vBox));primaryStage.sizeToScene();primaryStage.centerOnScreen();primaryStage.show();}private Label createLabel(String text) {Label label = new Label(text);label.setStyle("-fx-background-color: orange; -fx-background-radius: 4; -fx-padding: 20;");label.setPrefSize(200, 200);return label;}public static void main(String[] args) {launch();}
}