JavaFX布局，可随父级缩放

Question

我在一个项目中使用JavaFX而不是Swing，因为它增强了多媒体、html" target="_blank">webviewer和使用视觉效果的可能性。但是，我从web上（http://docs.oracle.com/JavaFX/2/layout/jfxpub-layout.htm等）找到的东西中学到的是，JavaFX布局管理器侧重于根据内容的大小缩放父级的大小，而Swing侧重于根据父级缩放内容，至少是根据正在使用的layout缩放内容。

现在我正在使用accordion和一些TitledPane子级。其中一个包含GridPane，原因很简单，这是我所知道的模拟GridLayout的最佳方法（正如我从前面的问题中学到的：与GridLayout等效的JavaFX布局）。我希望将TitledPane的内容拆分为2行1列，每行具有TitledPane可用空间的50%高度（使用Stage或Scene缩放），这相当于BorderLayout.center中的GridLayout(2，1)所完成的功能。为此，我添加了一个GridPane，其中有2个RowConstraint使用SetPercentTheight(50)，还有1个ColumnConstraint使用SetPercentWidth(100)。但是，我注意到网格的内容正在适当地缩放，但是网格并没有占用TitledPane中的所有可用空间（因为它的作用显然不像BorderPane的中心）。我还尝试使用setmaxwidth使内容与父级一起缩放，但似乎也不起作用（正如这里所说的：javafx：How to make my custom component use all available space from parent Layout？）。即使是这样，我是否需要在UI元素树中设置每个后代的最大宽度以使它们都缩放？

不管是哪种方式，有没有人知道如何创建一个titledpane，每个titledpane下面有两个相等的空格，并按titledpane的大小缩放？

Answer 1

事实上，您的gridpane正在增长以填充它的所有父级。考虑下面的代码，我已经为gridpane添加了一个背景色（红色）用于调试目的。

Accordion accordion = new Accordion();
TitledPane titledPane = new TitledPane();
titledPane.setText("Title");
GridPane gridPane = new GridPane();
gridPane.setStyle("-fx-background-color:red");

gridPane.add(new TextArea("Hello"), 0, 0);
gridPane.add(new TextArea("World"), 0, 1);

titledPane.setContent(gridPane);
accordion.getPanes().add(titledPane);

如果执行此代码，gridpane将填充其所有父级（检查titledpane内容的红色跨度）。

但是，gridpane的内容不会填满所有列。如果您尝试调整窗口的大小，您将看到textareas的宽度不会随着GridPane而改变。要解决这个问题，您需要告诉gridpane的第一列随gridpane自身增长。这样做的方法是添加以下约束：

ColumnConstraints columnConstraints = new ColumnConstraints();
columnConstraints.setFillWidth(true);
columnConstraints.setHgrow(Priority.ALWAYS);
gridPane.getColumnConstraints().add(columnConstraints);