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

【问题标题】：Java FX CSS Divdie Background into 2 Colors with Specific CoordinatesJava FX CSS Divdie 背景分为具有特定坐标的 2 种颜色
【发布时间】：2015-08-13 01:48:07
【问题描述】：

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

白色：- (0,0) 到 (700,1200)
黑色：- (700,0) 到 (1900,1200)

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

【问题讨论】：

标签： css javafx background-color

【解决方案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);
    }
}

这会导致：

【讨论】：