JavaFX创建透明的径向渐变

Question

我想创建一个模拟光的圆，我需要一个径向梯度。我希望它的中心是黄色的，外侧是透明的。

我试过了，但没有达到预期的效果。

RadialGradient gradient1 = new RadialGradient(0, 0, 0.5, 0.5, 1, true, CycleMethod.NO_CYCLE, new Stop[] {
            new Stop(0, Color.YELLOW),
            new Stop(1, Color.TRANSPARENT)
});

Answer 1

我读了径向渐变的留档，并在阅读了停止#偏移后说：

应用程序提供了一系列停止点，指定如何沿渐变分布颜色。Stop#offset变量的范围必须为0.0到1.0，其作用类似于沿渐变的关键帧。它们标记渐变应该恰好是特定颜色的位置。

我想，如果我把停止放在0和1，那么中间的黄色将是50%透明的。这看起来不是这样，至少如果我有一个白色的背景。如果背景是白色的，那么我甚至看不出黄色的圆圈在外边缘是透明的（例如，将背景颜色改为绿色使其更加可见，但这仍然不是我所期望的结果，但也许只是我在想它将更加透明）。

不管怎么说，在玩了一段时间后，我最终得到了以下结论：

我要做的就是把第二站从1改为0.5。我不确定它是否足够好，但从你写的内容来看，它可能是：

我想创建一个模拟光的圆，我需要一个径向梯度。我希望它的中心是黄色的，外侧是透明的。

下面是我创建这三个不同图像的代码（即使CSS解决方案可能不是你想要的，我仍然包含了它）。请注意，我只是为了创建一个快速示例而使用内联样式。

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

@Override
public void start(Stage aStage) throws Exception {
    Label label = new Label("RadialGradient: stops at 0 and 1");
    RadialGradient yours = new RadialGradient(0, 0, 0.5, 0.5, 1, true, CycleMethod.NO_CYCLE, new Stop[] {
            new Stop(0, Color.YELLOW),
            new Stop(1, Color.TRANSPARENT)
    });
    Circle yourCircle = new Circle(100, yours);

    // Changed the stops from 0 and 1 to now go between 0 and 0.5, thats all really. I played around with some more stops but I 
    // didn't really get any results that I was happy with. 
    Label label2 = new Label("RadialGradient: stops at 0 and 0.5");
    RadialGradient gradient = new RadialGradient(0, 0, 0.5, 0.5, 1, true, CycleMethod.NO_CYCLE, new Stop[] {
            new Stop(0, Color.YELLOW),
            new Stop(0.5, Color.TRANSPARENT)
    });
    Circle circle = new Circle(100, gradient);

    // Another way of getting the desired gradient effect can be achieved with CSS. 
    Label label3 = new Label("Alternate way, Region + CSS");
    Region region = new Region();
    region.setStyle(""
            + "-fx-background-color: radial-gradient(center 50% 50%, radius 50%, rgb(251, 255, 0) 0%, rgb(243, 241, 94) 25%,rgba(245, 228, 0, 0) 100%);"
            + "-fx-background-radius:50;");
    region.setPrefWidth(200);
    region.setPrefHeight(200);

    final VBox root = new VBox();
    //  root.setStyle("-fx-background-color:green"); // I just used this so that I could "see" how transparent the circles actually were.
    root.getChildren().addAll(label, yourCircle, label2, circle, label3, region);
    final Scene scene = new Scene(root, 200, 640);
    aStage.setScene(scene);
    aStage.show();
}

也许是一个不必要的冗长回答，说您可能只需要更改一个值。