Execute code after effect complete?

[brian428]

Hi, I'm using a simple slide out on an element:

getElement().<FxElement>cast().slideOut( Style.Direction.UP );

I need something to happen AFTER the effect is finished (I want to remove the element and do some cleanup). However, I can't find any way to add code or attach an event handler that will run when the slide out is done. Am I missing something?

Thanks,

Brian

[Colin Alworth]

If you are using the default animation, you could set a timer at the default time, 250ms, to know that animation had finished. However, the animation methods on FxElement are each overridden to accept an Fx instance, which provides the ability to listen to the animation being canceled or ending, as well as to cancel the animation outright.

Instead of the one line:

getElement().<FxElement>cast().slideOut( Style.Direction.UP );

Create an Fx instance first, configure it, and pass it in:

Fx fx = new Fx();
fx.addAfterAnimateHandler(new AfterAnimateHandler(){
  public void onAfterAnimate(AfterAnimateEvent event) {
    //handle after animation...
  }
});
getElement().<FxElement>cast().slideOut(Style.Direction.UP, fx);

[brian428]

Thank you very much, that's exactly what I was looking for! Works perfectly.