Как добавить эффект свечения В пользовательском шаге прогресса JavaFX

Question

Я создал пользовательский индикатор выполнения в JavaFX. Теперь я хочу добавить эффект свечения в progressBar.

Для этого я создал эллипс с эффектом гауссова размытия и добавьте центр X эллипса в шкалу времени, чтобы я мог анимировать эффект свечения в индикаторе выполнения.

Это код создает эллипс

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); 
} 

Хотя я Свяжите свойство ширины с шириной настраиваемого свойством бара так эллипс CenterX Безразлично не превышайте текущий ход индикатора выполнения и должны возвращаться назад. Но это не происходит, когда анимация запускает его, просто перемещает определенное, а затем застревает. Я думаю, что целевое значение 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) Для того, чтобы изменить ширину/высоту glowEffect вы можете изменить setWidth(..); и setHeight(); .Mention что методы setOffSetX(0);setOffSetY(0f); используются для центровки glowEffect.

2) Процедура такая же для costum progressBar, поскольку она расширяет класс Node.

Также я добавить этот link в случае, если вам нужно что-то вроде: