iOS-swift-動畫 簡單基礎的動畫摘要-1

最近開始學習下簡單的動畫,以備將來需要。

這是簡單的一些UIView的動畫方法

UIView.animateWithDuration(0.5, animations: { self.heading.center.x += self.view.bounds.width 
}) //0.3秒以後,0.5秒時間內,執行以上操作。最後執行completion裏的內容
UIView.animateWithDuration(0.5, delay: 0.3, options:UIViewAnimationOptions.TransitionNone, animations: { self.username.center.x += self.view.bounds.width
}, completion: print(“執行完畢"))//0.3秒以後,0.5秒時間內,執行以上操作。最後執行completion裏的內容

UIViewAnimationOptions裏有多種屬性,例如Repeat, Autoreverse, CurveEaseOut等。
講述下區別,Repeat顧名思義,就是重複這段動畫。
Autoreverse,比如車開出車庫,然後我們按照原路徑倒車回來,再開出去。這個一般是配合着Repeat一起用。
CurveEaseOut該屬性是開始的時候速度低,慢慢加速。
CurveEaseIn改屬性是開始的時候速度快,慢慢減速。

        loginButton.center.y += 30
        loginButton.alpha = 0
        UIView.animateWithDuration(2, delay: 0.5, usingSpringWithDamping: 0, initialSpringVelocity: 0, options: UIViewAnimationOptions.TransitionNone, animations: { () -> Void in
            self.loginButton.center.y -= 30
            self.loginButton.alpha = 1.0
            }, completion: nil)

我們在這裏先對button進行一個移動,並且對其設置透明度。之後的動畫代碼的效果是,button由下自上實現一個移動,以及透明度的變化。這裏得說到兩個參數usingSpringWithDamping以及initialSpringVelocity。
usingSpringWithDamping,我稱之爲彈簧阻尼屬性。區間是0-1,設置0的時候 自下而上到達之後,會有一個彈簧效果。反之越大效果越小。
initialSpringVelocity,該屬性是彈簧的動力屬性。0表示忽略,越大表示彈簧動力越大,彈簧拉伸的幅度越大。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章