iOS開發知識之：Animations usingSpringWithDamping動畫

Spring Animation 是一種特殊的動畫曲線，自從 iOS 7 開始被廣泛應用在系統動畫中。

上圖中演示的系統自帶的動畫效果，都使用了 Spring Animation

事實上，從 iOS 7 起幾乎所有的系統動畫都用的是 Spring Animation，包括 App 文件夾打開/關閉效果、鍵盤彈出效果、UISwitch 控件的開關效果、不同 View Controller 之間的 Push 動畫、Modal 出現和消失的動畫、Siri 的出現和消失動畫，等等。下圖為 Spring Animation 和普通的動畫的運動曲線的對比：

下圖是幾種動畫效果的對比，可以看到，和系統自帶的 ease-out 效果相比，Spring Animation 前期速度增加得更快，在動畫時間一定的前提下，給人感覺更加快速、干凈。

這就是Spring Animation動畫的API

+ (void)animateWithDuration:(NSTimeInterval)duration
                      delay:(NSTimeInterval)delay
     usingSpringWithDamping:(CGFloat)dampingRatio
      initialSpringVelocity:(CGFloat)velocity
                    options:(UIViewAnimationOptions)options
                 animations:(void (^)(void))animations
                 completion:(void (^)(BOOL finished))completion

下面解釋一下幾個主要參數的意思

usingSpringWithDamping的范圍為0.0f到1.0f，數值越小「彈簧」的振動效果越明顯。

話不多說，直接上圖

initialSpringVelocity則表示初始的速度，數值越大一開始移動越快。

Spring Animation 是線性動畫或 ease-out 動畫的理想替代品。由于 iOS 本身大量使用的就是 Spring Animation，用戶已經習慣了這種動畫效果，因此使用它能使 App 讓人感覺更加自然，用 Apple 的話說就是「instantly familiar」。此外，Spring Animation 不只能對位置使用，它適用于所有可被添加動畫效果的屬性。

本文鏈接：https://blog.csdn.net/vkooy/article/details/82688188

智能推薦

Android學習(16)Animations_動畫

Android學習(16)Animations_動畫什么是Animations： Animations提供了一系列的動畫效果，這些效果可以作用于大多數的控件之上 Animations分為兩大類： Tweened Animations:該類提供了旋轉、移動、縮放、淡入淡出的動畫效果 Frame-by-Frame Animations:該類可以創建一個Drawable序列，這些Drawable中的圖...

【Angular】angular-animations 動畫 BrowserAnimationsModule 詳解

為了弄懂angular的動畫自己也是花了一番功夫，不客觀的說，angular的動畫寫起來是比較復雜的，但又必須掌握。下面是我結合官方文檔的資料，自己通過實踐寫出來的一篇博客，希望可以幫到有需求的小伙伴，當然，如果文章有地方寫的錯誤，歡迎指正。好了，廢話不多說，開始正文吧。 1：angular動畫的使用需要先引入一些與動畫有關的函數。組件里引用：（：暫時先在組件里寫動畫相關的代碼，文末會把它單...

material—animations簡單操作activity過渡動畫

Material-Animations gihub下載地址：https://github.com/lgvalle/Material-Animations 總體分四部分，簡單的過渡動畫，分享元素的過渡動畫，通過Transition實現的view動畫，ReveaAimation四種，接下來都以此介紹一下。簡單過渡動畫簡單的過渡動畫分三種吧，Slide，Fade，Explode,滑動，漸變，爆炸三種...

Swift開發:iOS那些簡單的動畫

關于 Core Animation Core Animation是一組非常強大的動畫處理API,使用它能做出很多優雅的動畫效果。能用的動畫類有4個子類：CABasicAnimation、CAKeyframeAnimation、CATransition、CAAnimationGroup 開發步驟: 初始化一個動畫對象(CAAnimation)并設置一些動畫相關屬性. 添加動畫對象到層(CALayer...

HTML中常用操作關于：頁面跳轉，空格

1.頁面跳轉 2.空格的代替符...

iOS開發知識之：Animations usingSpringWithDamping動畫

智能推薦

猜你喜歡