JAVAFX 如何在 BorderPane 的右侧居中 Vbox
JAVAFX How to center Vbox in right section of BorderPane
我无法将带有 3 个按钮的 VBox 放在 BorderPane 右侧部分的中央。有没有办法在 FXML 或 CSS 中做到这一点?
更新:
这是 FXML 格式的代码
<right>
<VBox id="otherButtons_vbox">
<Button text="Add automobile"
fx:id="addAutomobileButton" onAction="#createAddAutomobileBox"
id="other_buttons"/>
<Button text="Update automobile"
fx:id="updateAutomobileButton" onAction="#UpdateAutomobileBox"
id="other_buttons"/>
<Button text="Delete automobile"
fx:id="deleteAutomobileButton" onAction="#DeleteAutomobileBox"
id="other_buttons"/>
</VBox>
</right>
这是 CSS 文件
#otherButtons_vbox {
-fx-background-color: black;
-fx-border-color: red;
-fx-alignment: center-right;
-fx-spacing: 10;
-fx-padding: 10 10 10 10;
-fx-pref-width: 170;
-fx-max-height: 190;
}
以及APP截图。我希望 Vbox 位于 BorderPate 右侧部分的中心。
非常感谢您的回复!
您可以从 fxml 执行此操作。为 VBox
:
设置 BorderPane.alignment
属性
...
<VBox id="otherButtons_vbox" BorderPane.alignment="CENTER">
...
我无法将带有 3 个按钮的 VBox 放在 BorderPane 右侧部分的中央。有没有办法在 FXML 或 CSS 中做到这一点?
更新:
这是 FXML 格式的代码
<right>
<VBox id="otherButtons_vbox">
<Button text="Add automobile"
fx:id="addAutomobileButton" onAction="#createAddAutomobileBox"
id="other_buttons"/>
<Button text="Update automobile"
fx:id="updateAutomobileButton" onAction="#UpdateAutomobileBox"
id="other_buttons"/>
<Button text="Delete automobile"
fx:id="deleteAutomobileButton" onAction="#DeleteAutomobileBox"
id="other_buttons"/>
</VBox>
</right>
这是 CSS 文件
#otherButtons_vbox {
-fx-background-color: black;
-fx-border-color: red;
-fx-alignment: center-right;
-fx-spacing: 10;
-fx-padding: 10 10 10 10;
-fx-pref-width: 170;
-fx-max-height: 190;
}
以及APP截图。我希望 Vbox 位于 BorderPate 右侧部分的中心。 非常感谢您的回复!
您可以从 fxml 执行此操作。为 VBox
:
BorderPane.alignment
属性
...
<VBox id="otherButtons_vbox" BorderPane.alignment="CENTER">
...