JavaFX 按钮栏布局 - 方向和空间分布

Question

我有这个带有一些按钮和 slider 的按钮栏(在 SceneBuilder 中):

目标

所有按钮都位于左侧，宽度统一 - 小间距 - slider 填充剩余宽度

-> Slider 需要使用 fxml 选择退出 ButtonUniformSize，我只找到了编程方式 setButtonUniformSize

我还发现了这个问题: JavaFX: Align Buttons inside ButtonBar (using SceneBuilder or fxml)但这是关于单独配置和对齐按钮，这是我不想要的。

在下面的屏幕截图中，您可以看到方向设置为LEFT_TO_RIGHT，但我只是不明白为什么它从右向左对齐？

这是由 SceneBuilder 生成的代码的相关部分:

<VBox prefHeight="600.0" prefWidth="640.0" xmlns="http://javafx.com/javafx/8.0.141" xmlns:fx="http://javafx.com/fxml/1">
  <children>
    <MenuBar VBox.vgrow="NEVER">
      [...]
    </MenuBar>
      <ButtonBar buttonMinWidth="25.0" nodeOrientation="LEFT_TO_RIGHT" VBox.vgrow="NEVER">
        <buttons>
            <Button mnemonicParsing="false" styleClass="stop" />
            <Button mnemonicParsing="false" styleClass="playPause" />
            <Slider styleClass="volume" />
        </buttons>
         <padding>
            <Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
         </padding>
      </ButtonBar>
      <FolderView VBox.vgrow="ALWAYS" />
  </children>
</VBox>

Answer 1

看起来这是一个缺失的功能。 Jfx Project bug tracker似乎没有任何相关问题。

而不是

<ButtonBar>
   <buttons>
      <Button text="Button A"/>
      <Button text="Button B"/>
      <Button text="Button C"/>
   </buttons>
</ButtonBar>

简单地做一个

<HBox>
  <Button text="Button A"/>
  <Button text="Button B"/>
  <Button text="Button C"/>
</HBox>

使按钮左对齐。如果您打算稍后使用均匀间隔的图标而不是文本作为按钮文本，这尤其有意义。