Question

我正在尝试使用此代码将图像设置为背景：

root.setStyle("-fx-background-image: url('splash.jpg'); 
               -fx-background-position: center center; 
               -fx-background-repeat: stretch;");

但它不起作用。如果我用CSS设置它，它可以完美地运行：

root.setId("pane");
primaryStage.getScene().getStylesheets().add(JavaFXApplication9.class.getResource("style.css").toExternalForm());

和CSS：

#pane{
   -fx-background-image: url('splash.jpg');
   -fx-background-repeat: stretch;   
   -fx-background-position: center center;
}

我的所有文件（主类，CSS和图像）都放在同一个包中。

那么，如何使用代码设置背景图像？或者，如何从应用程序代码中覆盖（替换）CSS中某些元素的背景图像的线条？谢谢！

Answer 1

尝试下一步：

String image = JavaFXApplication9.class.getResource("splash.jpg").toExternalForm();
root.setStyle("-fx-background-image: url('" + image + "'); " +
           "-fx-background-position: center center; " +
           "-fx-background-repeat: stretch;");

Answer 2

如果您真的不想使用CSS或setStyle()方法，可以使用以下内容：

// new Image(url)
Image image = new Image(CurrentClass.class.getResource("/path/to/package/bg.jpg"));
// new BackgroundSize(width, height, widthAsPercentage, heightAsPercentage, contain, cover)
BackgroundSize backgroundSize = new BackgroundSize(100, 100, true, true, true, false);
// new BackgroundImage(image, repeatX, repeatY, position, size)
BackgroundImage backgroundImage = new BackgroundImage(image, BackgroundRepeat.REPEAT, BackgroundRepeat.NO_REPEAT, BackgroundPosition.CENTER, backgroundSize);
// new Background(images...)
Background background = new Background(backgroundImage);

您可以在BackgroundImage here找到详细的文档。

（很抱歉回复这个老问题。）

通过javafx代码设置背景图像（不是css）

2 个答案: