css - Java FX CSS Divdie 背景分为具有特定坐标的 2 种颜色

Question

我是 Java FX CSS 的新手。我想用特定的 x,y 坐标将背景分成 2 种颜色:-

1. 白色:- (0,0) 到 (700,1200)
2. 黑色:- (700,0) 到 (1900,1200)

所以这看起来像 2 个矩形，左边是浅灰色，右边是黑色。我可以使用 paint 创建一个 png 文件，但工作量太大。

Answer 1

你可以做到

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

(注意 700/1900 = 36.84%)。

这是一个简单的测试示例，上面的代码在 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);
    }
}

这导致: