JavaFX如何设置场景背景图片

Question

如何设置场景的背景图像？

Answer 1

其中一种方法可能是这样的:

1) 创建一个名为“style.css”的 CSS 文件并在其中定义一个 id 选择器:

#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) 使用 CSS 中定义的值设置场景中最顶层控件(或任何控件)的 id，并将此 CSS 文件加载到场景中:

  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();
    }
}

您还可以为 FXML 文件中的控件指定 ID:

<StackPane id="pane" prefHeight="200" prefWidth="320" xmlns:fx="http://javafx.com/fxml" fx:controller="demo.Sample">
    <children>
    </children>
</StackPane>

有关 JavaFX CSS 样式的更多信息，请参阅此 guide .