如何在JavaFX自定义progressbar中添加光晕效果

Question

我在JavaFX中创建了一个自定义进度条。现在我想在progressBar中添加光晕效果。

为此，我创建了一个具有高斯模糊效果的椭圆，并将椭圆的中心线添加到时间轴中，以便在进度栏中设置辉光效果的动画。

这是创建椭圆的代码

public Ellipse glowshape;
DropShadow glowEffect;
SimpleDoubleProperty width;

//create ellipse for gloweffect
public void createEllipse(){

    glowshape = new Ellipse(25, 20, 10, 15);
    glowshape.setFill(Color.rgb(255,255,255,.7));
    glowshape.setEffect(new GaussianBlur(5));
}


public void init(){
    indetermination();
    setStartAnimation();
    createEllipse();

    width = new SimpleDoubleProperty(0);
   width.bind(this.widthProperty());
   setGlowAnimation();
}

这是制作动画的方法

    public void setGlowAnimation(){

    KeyValue value = new KeyValue(glowshape.centerXProperty(),width.doubleValue(),Interpolator.EASE_OUT);

    KeyFrame keyframe1 = new KeyFrame(Duration.millis(2000),value);

    glow_timeline = new Timeline();
    glow_timeline.setCycleCount(Timeline.INDEFINITE);
    glow_timeline.setAutoReverse(true);
    glow_timeline.getKeyFrames().add(keyframe1);
}

虽然我已经将width属性与custom bar width属性绑定在一起，这样椭圆中心不会超过进度条的当前进度，并且应该反向。但当动画开始时，它不会发生，它只是移动了一定的距离，然后卡住了。我认为Keyvalue的目标值在动画方法中根本没有更新。

如果有人能在这件事上帮我，那就太好了。

Answer 1

给你：

    //Create the ProgressBar
    ProgressBar progressBar = new ProgressBar();

    //Create a drop shadow effect
    DropShadow glowEffect= new DropShadow();
    glowEffect.setOffsetY(0f);
    glowEffect.setOffsetX(0f);
    glowEffect.setColor(Color.RED);
    glowEffect.setWidth(depth);
    glowEffect.setHeight(depth);

    progressBar.setEffect(glowEffect); //Apply the glowEffecteffect to the JavaFX ProgressBar

提到：

1） 要更改发光效果的宽度/高度可以修改设置宽度（…） 和设置高度（） 。提到方法setOffSetX（0） setOffSetY（0f） 用于将发光效果居中。

2） costum progressBar的过程与扩展节点类的过程相同。

此外，我添加此链接，以防您需要类似的东西：