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

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

Android Studio 3.5.3
API 29

 

 



frame-by-frame animation

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

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

img01 150x150 - [Android] frame-by-frame Animation でパラパラアニメーション img02 150x150 - [Android] frame-by-frame Animation でパラパラアニメーション img03 150x150 - [Android] frame-by-frame Animation でパラパラアニメーション

 

 

AnimationDrawable

 
それぞれの画像をdrawable以下におき、animation_list.xmlファイルを作成して以下のように記述します。
 
frame animation 02 - [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

誤字脱字、意味不明で分からにゃイ、
などのご意見はこちらから mailフォーム

ブックマークしておくと便利です このエントリーをはてなブックマークに追加

 

アプリ開発が上達するお勧め

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

オンラインスクールは色々ありますが、以下の3つはAndroidが学習できる老舗スクールです。


TECH ACADEMY
Androidアプリコース


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


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


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


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




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


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




シェアする

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

フォローする