2016-12-02 4 views
0

フレーマーワークショップの例に従って、何らかの理由で動作する条件文を取得できません。予想通り、私はそれが無視され、以下の条件を追加する場合フレーマー/ Coffescript条件付きが期待通りに動作しない

このコードは、しかし

layerA = new Layer 
    backgroundColor: "#fff" 
    borderRadius: 4 
    width: 200 
    height: 200 
    rotation: 0 


layerA.center() 

layerA.states.add 
    grow: 
    scale: 1.5 
    rotation: 90 

shrink: 
    scale: 1 
    rotation: 0 

layerA.states.animationOptions = 
    curve: "spring(400, 50, 30)" 

layerA.onClick -> 
    layerA.states.next("grow", "shrink") 

を実行しますか?

if layerA.states.current is "grow" 
     layerA.states.animationOptions = 
     curve: "ease" 
     time: 2 
    else 
     layerA.states.animationOptions = 
     curve: "spring(400,50,30)" 

答えて

2

フレーマのAPIが更新されており、現在これが機能するために.nameプロパティがstates.currentに追加されなければならないようです。

ので、以下の条件

if layerA.states.current is "grow" 
    layerA.states.animationOptions = 
    curve: "ease" 
    time: 2 
else 
    layerA.states.animationOptions = 
    curve: "spring(400,50,30)" 

...あなたがここにアニメーションAPIの変更についての詳細を読むことができ

if layerA.states.current.name is "grow" 
    layerA.states.animationOptions = 
    curve: "ease" 
    time: 2 
else 
    layerA.states.animationOptions = 
    curve: "spring(400,50,30)" 
+1

なる:https://github.com/koenbok/Framer/wiki/Animation-Upgrade-Guide – Niels

+0

@Niels:これは将来の参考になるでしょう、ありがとうございます。 – counselor

関連する問題