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中指定宽度百分比？