Назначение различных анимационных опций состояниям в Coffeescript

В приведенном ниже коде оба состояния имеют одинаковые свойства анимации. Как я могу назначить различные свойства анимации для каждого состояния?

for check in aniCheck
    check.states.add
        one: 
            opacity: 1
            scale: 1
        two:
            scale: 0
    check.states.animationOptions =
        curve:"spring(400,25,50)"
        delay: 2

    iconFav.on Events.Click, ->
        check.states.next("one","two")

1 ответ

Решение

Вы можете запустить функцию до события переключения.

check.on Events.StateWillSwitch, (oldState, newState) ->
    if newState == 'one'
        check.animationOptions = 
            curve: 'spring(400,25,50)'
            delay: 2
    if newState == 'two'
        check.animationOptions = 
            curve: 'linear'
            delay: 0

Я только учусь и строю этот пример Framer JS для справки

Другие вопросы по тегам