JavaFX How to set scene background image

Question

How can I set the background image of a scene

User · Answer

In addition to  Elltz answer  we can use both fill and image for background  someNode setBackground              new Background                      Collections singletonList new BackgroundFill                              Color WHITE                               new CornerRadii 500                                new Insets 10                         Collections singletonList new BackgroundImage                              new Image  quot image logo png quot   100  100  false  true                               BackgroundRepeat NO REPEAT                              BackgroundRepeat NO REPEAT                              BackgroundPosition CENTER                              BackgroundSize DEFAULT       Use setBackground                  new Background                          Collections singletonList new BackgroundFill                                  Color WHITE                                  new CornerRadii 0                                   new Insets 0                             Collections singletonList new BackgroundImage                                  new Image  quot file clouds jpg quot   100  100  false  true                                   BackgroundRepeat NO REPEAT                                  BackgroundRepeat NO REPEAT                                  BackgroundPosition DEFAULT                                  new BackgroundSize 1 0  1 0  true  true  false  false                                  different last argument  to make the image full-window size

User · Answer

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    lt StackPane id  pane  prefHeight  200  prefWidth  320  xmlns fx  http   javafx com fxml  fx controller  demo Sample  gt       lt children gt       lt  children gt   lt  StackPane gt    For more info about JavaFX CSS Styling refer to this guide

User · Answer

You can change style directly for scene using  root class    root       -fx-background-image  url  https   www google com images srpr logo3w png        Add this to CSS and load it as  Uluk Biy  described in his answer

User · Answer

I know this is an old Question  But in case you want to do it programmatically or the java way  For Image Backgrounds  you can use BackgroundImage class  BackgroundImage myBI  new BackgroundImage new Image  my url  32 32 false true           BackgroundRepeat REPEAT  BackgroundRepeat NO REPEAT  BackgroundPosition DEFAULT            BackgroundSize DEFAULT     then you set to your node myContainer setBackground new Background myBI      For Paint or Fill Backgrounds  you can use BackgroundFill class  BackgroundFill myBF   new BackgroundFill Color BLUEVIOLET  new CornerRadii 1            new Insets 0 0 0 0 0 0 0 0      or null for the padding   then you set to your node or container or layout myContainer setBackground new Background myBF      Keeps your java alive  amp  amp  your css dead

[javafx] JavaFX How to set scene background image

Examples related to javafx

Examples related to javafx-2