JavaFX How to set scene background image

by

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:

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

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

More Related Contents:

  1. JavaFX ImageView without any smoothing
  2. How to get stage from controller during initialization?
  3. How to create a modal window in JavaFX 2.1
  4. Where does javafx.scene.image.Image(“flower.png”) look for flower.png?
  5. TableView: adjust number of visible rows
  6. Copiable Label/TextField/LabeledText in JavaFX
  7. How can I open the default system browser from a java fx application?
  8. Line Chart Live update
  9. Make portion of a text bold in a JavaFx Label or Text
  10. JavaFX and OpenJDK
  11. Adding a custom component to SceneBuilder 2.0
  12. JavaFX correct scaling
  13. JavaFX-11 with VSCode
  14. How to create Splash screen with transparent background in JavaFX
  15. JavaFX entirely customized windows?
  16. JavaFX TextField Auto-suggestions
  17. Cannot load image in JavaFX
  18. Mouse Events get Ignored on the Underlying Layer
  19. How perform task on JavaFX TextField at onfocus and outfocus?
  20. JavaFX: How to change the focus traversal policy?
  21. How to swap screens in a JavaFX application in the controller class?
  22. JavaFX module javafx.graphics
  23. JavaFX ComboBox change value causes IndexOutOfBoundsException
  24. How to return value from a stage before closing it?
  25. javafx column in tableview auto fit size
  26. FXMLLoader getController returns NULL?
  27. can not resolve symbol “javafx.scene.web”
  28. Add WebView control on Swing JFrame
  29. How to add a value marker to JavaFX chart?
  30. Error invoking method, failed to launch jvm

Leave a Comment