fxml设置背景_JavaFX如何设置场景背景图像

Uluk Biy..

38

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

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:

有关JavaFX CSS样式的更多信息,请参阅本指南.