如何使用css更改JavaFX中的按钮LayoutY和LayoutX

Question

.button
-fx-position-layout-x: 10;
-fx-layout-x: 10;

我尝试了这个但是没用

Answer 1

无法使用CSS做到这一点。

要验证您可以打印出Node的可用CSS属性：

Node.getClassCssMetaData().stream()
                          .map(p -> p.getProperty())
                          .forEach(System.out::println);

结果：

-fx-cursor
-fx-effect
-fx-focus-traversable
-fx-opacity
-fx-blend-mode
-fx-rotate
-fx-scale-x
-fx-scale-y
-fx-scale-z
-fx-view-order
-fx-translate-x
-fx-translate-y
-fx-translate-z
visibility

设置layoutX / layoutY的唯一方法是在Java代码中设置属性（或调用为您执行此操作的代码，例如FXMLLoader）。

尽管在很多情况下，该值会被父布局覆盖。例如。在layoutY的子元素上设置VBox无效，因为在下一个布局过程中，VBox只会简单地重新计算其子元素的位置。

请注意，您发布的CSS无效，是否使用现有属性。