FXML：在水平框（HBox）内定位多个元素

Question

在 Hbox 中，我确实希望有一个文本作为标题，以及一个带有 提交 按钮的搜索栏。

title 应位于左侧，而 search bar 与 submit 按钮位于右侧.

我的做法：

<HBox>  
    <Label text="Penfactory Software"/> 
    <HBox alignment="TOP_RIGHT">
        <TextField fx:id="idSearch"  />
        <Button fx:id="idSubmit" text ="Submit" onAction="#submit"/> 
    </HBox>
</HBox>

Hbox 可以给它的元素一个对齐方式="TOP_RIGHT" 的位置。 问题：只有顶级 lvl HBox 可以提供对齐方式，换句话说，如果 HBox 中有一个 HBox，则只有 顶级 HBox 将确定元素所在的位置放置。

如何实现上述左侧标题和右侧搜索 + 按钮的目标？

Answer 1

您必须添加Pane。将Pane's 的最大宽度设置为MAX_VALUE，将Hgrow 设置为ALWAYS。

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.text.Font?>


<HBox maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <Label text="Hello world!">
         <font>
            <Font size="17.0" />
         </font>
      </Label>
      <Pane maxHeight="-Infinity" maxWidth="1.7976931348623157E308" HBox.hgrow="ALWAYS" />
      <TextField />
      <Button mnemonicParsing="false" text="Button" />
   </children>
</HBox>