JavaFX - 着色形状或标记不同的颜色

Question

我有一个带有一些文字的方形标签，我想知道是否有办法解决这个问题。将标签蓝色的前3/4和最后1/4红色着色。

如果那不可能，那么是否可以使用矩形？

Label box = new Label();
box.setStroke(Color.GRAY);
box.setPrefWidth(50);
box.setPrefHeight(100);

Answer 1

使用具有线性渐变的背景颜色。执行此操作的最佳方法是使用规则

在外部CSS文件中

-fx-background-color: linear-gradient(to right, blue 75%, red 75%);

CSS线性渐变函数使用的格式在JavaFX CSS documentation。

中描述

SSCCE：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class ColoredLabel extends Application {

    @Override
    public void start(Stage primaryStage) {
        Label label = new Label("Some text");
        label.getStyleClass().add("split");
        StackPane root = new StackPane(label);
        Scene scene = new Scene(root, 350, 120);
        scene.getStylesheets().add("split-background-label.css");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

使用split-background-label.css文件

.split {
    -fx-background-color: linear-gradient(to right, blue 75%, red 75%);
    -fx-text-fill: white ;
}