javaFX 宽度 css 没有反应？

Question

我正在尝试使用 CSS 在我的 JavaFX (FXML) 应用程序中获取动态滚动窗格。我的 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 样式是可能的。

如果您希望将大小设置为百分比，您可能需要将大小绑定到另一个属性。

例如：

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

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

javaFX 宽度 css 没有反应？

javaFX width css not reacting?

css

javafx

width

fxml

scrollpane