Any ideas on how to pause and resume a transition?...

# compose

[Se7eN]

Any ideas on how to pause and resume a transition? I have the following transition:

transitionDefinition<StoryState>{
    state(StoryState.START) {
        this[progress] = 0f
    }

    state(StoryState.END) {
        this[progress] = 1f
    }

    transition(StoryState.START to StoryState.END) {
        progress using tween(5000, delayMillis = 500, easing = LinearEasing)
    }
}

I'd like to pause and resume the transition on a certain event. I guess we can't do that so what can I do?

[Yann Badoual]

Never tried, but maybe you can do something with the clock passed building the transition

[Doris Liu]

AnimationClock is probably the only way to achieve that, since transition composable isn't designed to be used imperatively. We may provide a lower set of APIs support imperative use of TransitionAnimation some time in the future. But for now, I'd recommend using animatedFloat (aka the imperative API for single value animation) for this use case. 🙂

[Se7eN]

Thanks for the help! I just saw ManualAnimationClock I'll try using it

[Se7eN]

So I'm creating a custom animation clock from BaseAnimationClock but it looks like dispatchTime is internal. Am I doing something wrong? @Doris Liu

[Doris Liu]

I'd use a ManualAnimationClock for the dispatching - when you change the clockTimeMillis (conditionally based on whether you need to pause the animation) , ManualAnimationClock will automatically dispatch the new time you set to the animations subscribed to it. 🙂 This does require some wire-up for your ManualAnimationClock to observe the time change during a normal run.

[Se7eN]

Okay I was trying to add the pause and resume logic to the custom clock class by inheriting but sure I'll do it another way with ManualAnimationClock. Thanks 🙂

[Doris Liu]

👍