如何正确对齐Java工具栏中的按钮

Question

我正在使用Java场景生成器构建一个UI，我希望工具栏中的一个按钮能够向工具栏的右侧浮动。我尝试过更改父(工具栏)和按钮的节点方向，但两者似乎都被忽略了。

Answer 1

添加一个没有内容的窗格，该窗格总是在栏中的左对齐工具和右对齐工具之间匹配可用的空间。

​

​

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

<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<ToolBar prefHeight="40.0" prefWidth="318.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8">
   <Button text="Apples" />
   <Button text="Oranges" />
   <Pane HBox.hgrow="ALWAYS" />
   <Button text="Help" />
</ToolBar>

Answer 2

(在场景生成器11.0.0中验证)

一种选择:使用两个ToolBar容器与一个HBox容器包装。将帮助按钮放在右边的ToolBar中。将左对齐按钮放置在左侧工具栏中。对于左边的ToolBar，将HGrow设置为ALWAYS。对于右边的ToolBar，将HGrow设置为NEVER。对于每个ToolBar，将所有大小设置为USE_COMPUTED_SIZE。

下面是相关的fxml：

<HBox VBox.vgrow="NEVER">
  <children>
    <ToolBar HBox.hgrow="ALWAYS">
      <items>
        <Button text="Apples" />
        <Button text="Oranges" />
      </items>
    </ToolBar>
    <ToolBar HBox.hgrow="NEVER">
      <items>
        <Button text="Help" />
      </items>
    </ToolBar>
  </children>
</HBox>

这是场景生成器中显示的层次结构：

​

​

这是场景生成器中的显示：

​

​

Answer 3

如果您可以将您的按钮放置在堆栈窗格中，那么您就可以使用Stack窗格的对齐属性，该属性采用javafx.geometry.Pos --在您的情况下，stackpane.For示例中子元素的对齐：

<StackPane >
<Button translateY="-15" translateX="15"  StackPane.alignment="TOP_RIGHT"/>
</StackPane>