javaFX宽度css没有反应?

时间:2015-03-17 10:28:26

标签: css javafx width fxml scrollpane

我试图使用CSS在我的JavaFX(FXML)应用程序中获得动态滚动窗格。我的滚动窗格的CSS看起来像这样:

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

颜色有效,但是如果我在JavaFX场景构建器中打开CSS,它的大小属性就不会显示高度和宽度线。

我认为我遗漏了一些非常基本的东西,但我似乎无法弄明白。

1 个答案:

答案 0 :(得分:5)

据我所知,您根本无法使用-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));

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