Java FX CSS Divdie Background into 2 Colors with Specific Coordinates

Question

I am new to Java FX CSS. I want to divide the background into 2 colors at with specific x,y coordinates : -

White Color: - (0,0) to (700,1200)
Black Color: - (700,0) to (1900,1200)

So this will look like 2 rectangles left side is of light grey color and right is black color. I could create a png file using paint but it's too much work.

James_D · Accepted Answer · 2015-08-12 17:48:07Z

1

You can do

.root {
    -fx-background-color: linear-gradient(from 0px 0px to 1900px 0px, white 0%, white 36.84%, black 36.84%, black 100%);
}

(Note 700/1900 = 36.84%).

Here's an simple test example, with the code above in two-tone-background.css:

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.Pane;
import javafx.stage.Stage;

public class TwoToneBackground extends Application {

    @Override
    public void start(Stage primaryStage) {
        Scene scene = new Scene(new Pane(), 1900, 1200);
        scene.getStylesheets().add("two-tone-background.css");
        scene.getRoot().applyCss();
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

This results in:

answered Aug 12, 2015 at 17:48

James_D

211k16 gold badges312 silver badges345 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Java FX CSS Divdie Background into 2 Colors with Specific Coordinates

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related