javaFX宽度的CSS没有反应？

Question

我正在尝试使用CSS在我的JavaFX（FXML）应用程序中获取动态滚动窗格。我的CSS窗格看起来像这样：

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

颜色有效，但是如果我在JavaFX Scene Builder中打开CSS，则size属性不起作用，它根本不显示高度和宽度线。

我认为我缺少一些基本知识，但我似乎无法弄清楚。

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参考文档，以了解可能的CSS样式。

如果要以百分比形式显示大小，则可能需要将大小绑定到另一个属性。

例如：

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

还有另一篇关于使用GridLayout的百分比值的文章。 如何使用FXML在JavaFX 2中指定宽度百分比？