[Android] frame-by-frame Animation でパラパラアニメーション

簡単に扱えるanimationの一つ、複数の画像を順番に表示しながら動画のように見せる方法です。
 
1x1.trans - [Android] frame-by-frame Animation でパラパラアニメーション


Android Studio 3.5.3
API 29

 

 




frame-by-frame animation

 

いわゆるパラパラ漫画で frame-by-frame animation と言われるアニメーションです。

パラパラ漫画なので、それなりに少しづつ変化のある画像を揃えます。

1x1.trans - [Android] frame-by-frame Animation でパラパラアニメーション 1x1.trans - [Android] frame-by-frame Animation でパラパラアニメーション 1x1.trans - [Android] frame-by-frame Animation でパラパラアニメーション

これらの画像を順番に表示
そのために画像の順番、時間間隔を記述したリストを設定します

 

 

AnimationDrawable

 

それぞれの画像をdrawable以下におき、animation_list.xmlファイルを作成して以下のように記述します。
 
1x1.trans - [Android] frame-by-frame Animation でパラパラアニメーション


 
onshot: 繰り返し
duaration:一個の画像の表示時間[msec]
drawable\animation_list.xml

 

activity_main.xml

 
strings.xml

 
MainActivity.java

 

サンプル動画

 

 

ImageViewの背景としてanimation_list.xmlを設定して
start()で開始します。これはそのまま継続しているので再開させるときはstop()で停止させる必要があります。
 
 
関連ページ:

 

Ref:
AnimationDrawable

シェアする

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

フォローする