在 javafx 中的 HBox 中有三个大小相同的 VBox答案

【问题标题】：Have three equally sized VBoxes in HBox in javafx在 javafx 中的 HBox 中有三个大小相同的 VBox
【发布时间】：2016-09-03 08:31:28
【问题描述】：

我在一个 HBox 中有三个 VBox。我希望他们所有人总是占据 HBox 的三分之一和整个高度。我试过 HBox.setHgrow(<every VBox>, Priority.ALWAYS) 和 <every VBox>.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE); 效果很好，但是当我向其中一个 VBoxes 添加一个组件时，它会自行调整大小并变得比其他的更大。

知道如何正确解决这个问题吗？

【问题讨论】：

出于某种原因您必须使用该结构吗？将VBoxes 放在GridPane 中并设置columnConstraints 会很容易。
啊，是的，这更有意义。我已经设置了 3 个columnConstraints 并添加了我的 VBoxes。我如何让他们现在总是占据整个高度和三分之一的宽度？没有内容，它们似乎不会扩展。
没关系，谢谢！
TilePane 不是更简单吗？
@James_D 你能帮我解决这个stackoverflow.com/questions/37041571/… 的问题吗？找不到更好的联系方式，对不起大家！

标签： java user-interface javafx javafx-2 javafx-8

【解决方案1】：

使用GridPane 而不是HBox。您可以使用列约束的集合，每个都设置percentWidth 以使每个列具有相等的宽度。

SSCCE：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.ColumnConstraints;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.Priority;
import javafx.scene.layout.RowConstraints;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class VBoxInGridPane extends Application {

    @Override
    public void start(Stage primaryStage) {
        VBox box1 = new VBox();
        box1.setStyle("-fx-background-color: -fx-background; -fx-background: red ;");
        box1.getChildren().add(new Label("Content"));
        VBox box2 = new VBox();
        box2.setStyle("-fx-background-color: green ;");
        VBox box3 = new VBox();
        box3.setStyle("-fx-background-color: blue ;");

        GridPane root = new GridPane();
        root.add(box1, 0, 0);
        root.add(box2, 1, 0);
        root.add(box3, 2, 0);

        for (int i = 0 ; i < 3 ; i++) {
            ColumnConstraints cc = new ColumnConstraints();
            cc.setPercentWidth(100.0/3.0);
            cc.setHgrow(Priority.ALWAYS);
            root.getColumnConstraints().add(cc);
        }

        RowConstraints rc = new RowConstraints();
        rc.setVgrow(Priority.ALWAYS);
        root.getRowConstraints().add(rc);

        Scene scene = new Scene(root, 400, 400);
        primaryStage.setScene(scene);
        primaryStage.show();

    }

    public static void main(String[] args) {
        launch(args);
    }
}

【讨论】：

【解决方案2】：

您可以做的是将您的VBox 添加到StackPane 并将StackPane 添加到HBox。在StackPane 中还放置一个占位符（我通常使用透明的Rectangular）并将其绑定到绑定maxVBoxWidth。这是您必须定义自己的Binding：

   DoubleBinding maxVBoxBinding = new DoubleBinding() {
        {
            super.bind(vbox1.widthProperty(),vbox2.widthProperty(), vbox3.widthProperty());
        }
        @Override
        protected double computeValue() {
            return Math.max(vbox1.getWidth(), Math.max(vbox2.getWidth(), vbox2.getWidth()));
        }
    }

【讨论】：