[iPhone] ImageView アニメーション (Objective-C)

UIImageView は画像を扱うクラスですが、簡単にパラパラ漫画的なアニメーションもできます。
 
UIImageView animation

Objective-C
Xcode 9.4

 

UIImageView でぱらぱらアニメ

 
本格的なアニメーションは別のAPIを使うほうがいいのですが、手軽に簡単にやりたい場合はUIImageViewの機能を使うこともできます。
 

 

ぱらぱらアニメの手順

 
一枚一枚の画像を一定間隔で表示させてパラパラ漫画的に動画のように見えるようにする方法です。手順としてはUIImageのArrayを作り、それに画像を一つづつ割り当てます。

  1. アニメーション用の UIImage を複数用意
  2. UIImage の配列を NSArray で作る
  3. UIImageView のインスタンス生成
  4. view に追加する
  5. 画像の配列をアニメーションにセット
  6. 1枚あたりの時間間隔を設定
  7. 繰り返し回数をセット

 
UIImageViewのインスタンスを生成して、animationImagesメソッドを使ってUIImage のNSArrayを設定していきます。
 

 

サンプルコード

 

このアニメーションを起動するためのボタンをストーリーボードで設定して、背景色を変更します。

 
ViewController.m

 

storyboardの設定

 
@2xのRetina対応にした画像 cat_1@2x.jpg, cat_2@2x.jpg,…
これらを Assets.xcassets に入れます。
 

 
storyboardにボタンを置き、 背景色など適当に入れてボタンアクションの
start(sender: AnyObject)
と「Touch up Inside」で紐付けします。
 

 

サンプル動画

 
ボタンをタップするとパラパラ漫画となりました。
 

 
 
尚、Swift のケースはこちらです
 
Reference:
animationImages – UIImageView | Apple Developer Documentation

一人でアプリ開発の限界を感じたら

アプリ開発を始めたけどわからないところがあり、誰かに聞きたいけど周りにはそんな人はいない…あるいは、会社で働いていて日中そんなに時間をとれないなど、オンライン・スクールがいいと思います。


TECH ACADEMY
自宅にいながら1時間でプログラミング基礎を習得

こういうものではアプリ作れないと言う意見もありますが、それは結局本人のやる気があるかないかです。やる気があっても独学では突破しにくいところは教えてもらうのが一番早い。


侍エンジニア塾
侍エンジニア塾 無料体験レッスン



とても簡単なことなのに本やネットの画像だけでは分かりにくいことはあります。実際に質問してピンポイントで教えてもらうと、なんだそんなこと、と言うのがけっこうあります。


CodeCamp
~約20,000名の受講生と300社以上の導入実績~
現役エンジニアのオンライン家庭教師CodeCamp




直接(ネットで)誰か分かる人に聞いた方が早く解決して、上達も早いと思います。


無料で転職まで
これはiOSアプリ限定ではありませんが無料です
その代わり就職することを前提にしたスクールでエンジニアになって職を得たいのであれば手っ取り早いかもしれません


誤字脱字、意味不明などのご意見は 謙: e-mail まで
ブックマークしておくと便利です このエントリーをはてなブックマークに追加
Twitter:


シェアする

  • このエントリーをはてなブックマークに追加

フォローする