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 {

    @Override
    public 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();
    }
}

翻译自: https://www.javacodegeeks.com/2018/06/javafx-layouts-ignore-invisible-nodes.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值