我将带有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右侧区域的中央。 非常感谢您的答复!
答案 0 :(得分:2)
您可以从fxml中执行此操作。为BorderPane.alignment
设置VBox
属性:
...
<VBox id="otherButtons_vbox" BorderPane.alignment="CENTER">
...