Назначение различных анимационных опций состояниям в 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 для справки