HBox vs ToolBar：不同的水平对齐方式

Question

我如何在 HBox 示例中生成 CheckBox，因为它是由 ToolBar 完成的？

HBox 示例：

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

<?import javafx.scene.control.CheckBox?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.HBox?>

<HBox xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <TextField />
      <CheckBox mnemonicParsing="false" text="CheckBox" />
   </children>
</HBox>

示例工具栏：

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

<?import javafx.scene.control.CheckBox?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.control.ToolBar?>

<ToolBar xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/11.0.1">
   <items>
      <TextField />
      <CheckBox mnemonicParsing="false" text="CheckBox" />
   </items>
</ToolBar>

Answer 1

将 alignment="CENTER" 和 spacing="4.0" 添加到 HBox 标签

和

<padding>
   <Insets bottom="4.0" left="4.0" right="4.0" top="4.0" />
</padding>

内部HBox标签，应该就这些了

Answer 2

将对齐设置为 BASELINE_LEFT。

<HBox alignment="BASELINE_LEFT" ...

...并根据其他答案添加间距和插图。您希望使用 BASELINE 而不是 CENTER 来使文本正确对齐。

HBox vs ToolBar：不同的水平对齐方式

HBox vs ToolBar: Different horizontal alignment

javafx