css - javaFX宽度css没有反应？

Question

我正在尝试使用 CSS 在我的 JavaFX (FXML) 应用程序中获取动态滚动 Pane 。我的滚动 Pane CSS 如下所示:

.scroll-pane {
     -fx-width: 80%;
     -fx-height: 80%;
     -fx-background-color: #FF3333;
}

颜色有效，但如果我在 JavaFX 场景构建器中打开 CSS，则大小属性不起作用，它根本不显示高度和宽度线。

我想我错过了一些非常基本的东西，但我似乎无法弄清楚。

Answer 1

据我所知你不能使用 -fx-width/-fx-height根本不能使用百分比值。元素的宽度和高度是只读的。您可以设置 -fx-pref-width , -fx-pref-height , -fx-max-width , -fx-min-width , -fx-max-height和 -fx-min-height调整 Java FX 元素的大小。

检查 CSS Reference Documentation看看哪些 CSS 样式是可能的。

如果您想将大小作为百分比，您可能需要将大小绑定(bind)到另一个属性。

例如:

myView.prefWidthProperty().bind(myOtherView.widthProperty().multiply(0.75));

还有另一篇关于使用 GridLayout 的百分比值的帖子。
How do specify a width percentage in JavaFX 2 using FXML?