how to make transparent scene and stage in javafx?

Question

I want to have transparent progressindicator, which is indefinite.

here is the code, it shows grey background state/scene. i wanted fully transparent.

I tried following code, but it shows background stage which is not transparent.

package application;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.ProgressIndicator;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.stage.Stage;
import javafx.stage.StageStyle;

    public class Main extends Application {

        @Override
        public void start(Stage stage) {
            /*
             * 
             * my css file content:
             * 
             * .progress-indicator .indicator { -fx-background-color: transparent;
             * -fx-background-insets: 0; -fx-background-radius: 0;
             * 
             * } .progress-indicator { -fx-progress-color: green ; }
             * 
             * 
             * 
             */
            Stage initStage = new Stage();

            initStage.initStyle(StageStyle.TRANSPARENT);
            ProgressIndicator loadProgress = new ProgressIndicator();
            loadProgress.setSkin(null);
            loadProgress.setPrefWidth(50);
            VBox box = new VBox();
            box.getChildren().add(loadProgress);
            final Scene scene = new Scene(box, 150, 150);

            scene.setFill(Color.TRANSPARENT);

            initStage.setScene(scene);
            scene.getStylesheets().add("application.css");

            initStage.show();

        }

        public static void main(String[] args) {
            launch(args);
        }

    }

Related to: [javafx transparent window background with decorations](http://stackoverflow.com/questions/23576796/javafx-transparent-window-background-with-decorations). — jewelsea, Dec 02 '15 at 01:17

jewelsea · Answer 1 · 2015-12-02T01:24:45.973

For modena.css (the default JavaFX look and feel definition in Java 8), a slight shaded background was introduced for all controls (and also to panes if a control is loaded).

You can remove this by specifying that the default background is transparent. This can be done by adding the following line to your application's CSS file:

.root { -fx-background-color: transparent; }

This is in addition to other settings you already have in your code to initialize the style of the stage and background fill of the scene.

stage.initStyle(StageStyle.TRANSPARENT);
scene.setFill(Color.TRANSPARENT);

Note: in the questions's sample code, an additional stage (initStage) is created instead of using the passed in stage for the start method. The passed in stage can be initialized, utilized and shown directly by your code rather than creating an additional initStage.

Tutorials on JavaFX are way to bad at mentioning stuff like this. Feels like their code fail 50% of the time because of "suprises" like this :-(. Spent 2 hours on this until I gave up, and found your solution. Thanks mate! — brat, Jun 01 '21 at 14:04

score 11 · Answer 2 · edited Jul 03 '20 at 00:04

stage.initStyle(StageStyle.TRANSPARENT);

this is for hide the top bar ( minimize, Restore Down and close)

scene.setFill(Color.TRANSPARENT);

this is for the frame color ( you can replace TRANSPARENT with any color GREEN YELLOW RED BLUE ...) but for me I want glass view if you can understand me, and with different color so the solution is

primaryStage.setOpacity(0.2);

The number 0.2 is between 0 and 1. 0 is hidden and 1 is normal form but between the numbers transparent so choose your number and run your program and see if this is what you want there is this code for full screen.

primaryStage.setFullScreen(true);

and in the css file do this

.root { -fx-background-color:rgba(0,0,0,1); }

and you can change the color with changed the number in rgba(0,0,0,1)

score 1 · Answer 3 · answered Aug 13 '19 at 13:07

1

This works for me.

Parent root = FXMLLoader.load(getClass().getResource("login.fxml"));
Scene scene = new Scene(root);
scene.setFill(Color.TRANSPARENT);
stage.setScene(scene);
stage.initStyle(StageStyle.TRANSPARENT);
stage.show();

U just need mainly 2 things:

scene.setFill(Color.TRANSPARENT);
stage.initStyle(StageStyle.TRANSPARENT);

answered Aug 13 '19 at 13:07

Abdul.Moqueet

902
12
19

On JavaFX 10 it doesn't work for me, `scene.setFill` requires a `Paint` not an `int`. – Guillaume F. Mar 27 '20 at 21:19
@GuillaumeF. A `Color` derives from [`Paint`](https://openjfx.io/javadoc/15/javafx.graphics/javafx/scene/paint/Paint.html) (it is a subclass). And [`Color.TRANSPARENT`](https://openjfx.io/javadoc/14/javafx.graphics/javafx/scene/paint/Color.html#TRANSPARENT) is a `Color` (which is a `Paint`) and is not an `int`. So setting the fill to the transparent color is OK. This solution should work fine unless a `Control` is involved in the scene, in which case the additional CSS setting discussed in other answers is also required. – jewelsea Jun 02 '21 at 19:41

how to make transparent scene and stage in javafx?

3 Answers3

Linked

Related