[iPhone] UIImageViewアニメーション(パラパラ漫画)

UIImageViewは画像を扱うクラスですが、簡単にパラパラ漫画的なアニメーションもできます。尚、円弧をアニメーションさせるような場合にはCAShapeLayerクラスを使います。
 


 

Swift 3.0
Xcode 8.0

 

sponsored link

UIImageView で(パラパラ)アニメメーション

 
構成は簡単です。

  1. アニメーション用の UIImage を複数用意
  2. UIImage の配列を Array<UIImage> で作る
  3. UIImageView のインスタンス生成
  4. view に追加する
  5. 画像の配列をアニメーションにセット
  6. 1枚あたりの時間間隔を設定
  7. 繰り返し回数をセット
    • animationRepeatCount = 0 は無限ループ
  8. アニメーションを開始
  9. アニメーションを終了

@2xのRetina対応にした画像をAssets.xcassetsに入れます。

screen-shot-2016-09-26-at-15-55-20

 
ViewController.swift

 
画像をクリックしてください
パラパラ漫画になりました。

尚、Objective-C のケースはこちらです

関連ページ