iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 25
0
自我挑戰組

打造專案管理 iOS App 系列 第 25

安能取熊掌而捨魚? Animation

  • 分享至 

  • xImage
  •  

安能取熊掌而捨魚? Animation


可以看到,在 personal 與 multiple 切換時,有一個
很好的過度。這個效果是利用 animate 做到的。

Animate 鑑往知來

在App中要加入動畫,有好幾種方式,有些是使用UIKit Dynamics、層動畫(layer animation)、視圖控制器轉換(view controller transition)或者使用第三方函式庫, 像是Facebook Pop library 或 JNWSpringAnimation 框架(framework).

哪些屬性是 Animatable ?

只要在scope 裡面讓這個屬性產生變化,就可以過度。

  1. center
  2. alpha
  3. frame
  4. bounds
  5. transform
  6. backgroundColor
  7. contentStretch

對於簡單的視圖動畫,UIKit提供了以下methods。

這個做法有兩個參數,第一個動畫持續的時間,是以秒計數。第二個參數是閉包,可以指定想要做動畫的屬性。

UIView.animateWithDuration(_:, animations:)

這個做法比上一個做法多一個參數,completion,可以指定動畫結束後的行為,例如要接續的動畫。

UIView.animateWithDuration(_:, animations:, completion:)

這個做法比上一個做法多一個參數,delay,可以讓動畫延遲。

UIView.animateWithDuration(_:, delay:, options:, animations:, completion:)

以上是比較容易上手的簡單動畫。


上一篇
無限風光在險峰 Git Flow 怎麼用?為什麼要用Git
下一篇
安能取熊掌而捨魚? 淺談觀察者模式
系列文
打造專案管理 iOS App 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言