与窗口大小成比例的 Java 组件 (JavaFX)

Question

我需要一些帮助才能在我的场景图上缩放组件。在下图中，我将组件放在顶部，间距很好，一切看起来都很正常。

我通过在顶部菜单上设置填充来做到这一点

menu.setPadding(new Insets(30, 0, 30, 30));

和 HBox.setMargin(button, new Insets(0,0,0,370)); 用于按钮，其中 370 是字段和按钮之间的填充。此外，文本字段的首选宽度为 400。

但是，当我展开窗口时，我意识到我为文本字段设置的首选宽度并没有改变而且它很小，而且按钮的边距也发生了变化，所以我不知道如何设置这个数字比例到窗口的大小。我不确定我是用 CSS 还是简单的 java 方法来解决这个问题。

这是处理组件在最大化窗口时出现问题的顶部的代码。 'pane' 是 BorderPane 的一个实例。

private void setTopMenu() {

 menu = new HBox();
 menu.setPadding(new Insets(30, 0, 30, 30));

 button = new Button("ABCD ABCD ABCD"); 

 tf = new TextField();
 tf.setPromptText("search"); 
 tf.setPrefWidth(400);
 tf.setId("text-field");

 top.getChildren().addAll(tf, button);

 HBox.setMargin(button, new Insets(0,0,0,370));

 pane.setTop(menu);
}

Answer 1

你有两种方法：

• 第一个最简单，但也不太灵活：

  HBox.setHgrow(button, Priority.ALWAYS);
  HBox.setHgrow(tf, Priority.ALWAYS);
  

  指定Priority，您可以决定如何填充组件和HBox之间的额外空间。

• 使用Property 绑定：

  button.prefWidthProperty().bind(menu.widthProperty().divide(3));
  

  在此示例中，您的 button 将在每次最后一个属性更改时调整为 menu 的 WidthProperty 的 1/3。 Here 解释得更好。