fxml设置背景,JavaFX如何设置场景背景图像

How can I set the background image of a scene?

解决方案

One of the approaches may be like this:

1) Create a CSS file with name "style.css" and define an id selector in it:

#pane{

-fx-background-image: url("background_image.jpg");

-fx-background-repeat: stretch;

-fx-background-size: 900 506;

-fx-background-position: center center;

-fx-effect: dropshadow(three-pass-box, black, 30, 0.5, 0, 0);

}

2) Set the id of the most top control (or any control) in the scene with value defined in CSS and load this CSS file into the scene:

public class Test extends Application {

public static void main(String[] args) {

launch(args);

}

@Override

public void start(Stage primaryStage) {

StackPane root = new StackPane();

root.setId("pane");

Scene scene = new Scene(root, 300, 250);

scene.getStylesheets().addAll(this.getClass().getResource("style.css").toExternalForm());

primaryStage.setScene(scene);

primaryStage.show();

}

}

You can also give an id to the control in a FXML file:

For more info about JavaFX CSS Styling refer to this guide.