AnimationDrawableを使うと、XMLでリソースを用意するだけで簡単にアニメーションが作成できます。
画像を事前に用意します。今回は6枚の画像を(android_logo,1~5.jpgを)連続表示して回転しているように見えるアニメーションを作成します。
リソースの登録は通常通り、Drawableに追加します(パラパラマンガのようになります)
今回はXMLでアニメーションの設定を行うのでDrawableの下にxmlも一緒に配置します
XMLリソースの設定
/res/drawable/android_animation.xml
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false"> <item android:drawable="@drawable/android_logo" android:duration="50" /> <item android:drawable="@drawable/android_logo2" android:duration="50" /> <item android:drawable="@drawable/android_logo3" android:duration="50" /> <item android:drawable="@drawable/android_logo4" android:duration="50" /> <item android:drawable="@drawable/android_logo5" android:duration="50" /> <item android:drawable="@drawable/android_logo6" android:duration="50" /> </animation-list>
animation-listにitemを登録します。android:oneshot=”false”なのでリピートONです(true設定で1度のみアニメーションを行います)。また、itemのandroid:durationはミリ秒(ms単位)で指定できます。
animation-listの概要、サンプルコードは続きから。
animation-listの概要
XML属性 | 説明 |
---|---|
android:drawable | drawableリソースへの参照(1フレーム分) |
android:duration | アニメーションの間隔(ms単位の整数値) |
android:oneshot | 繰り返し設定(true:1回限り、false:リピート) |
android:variablePadding | trueであれば選択状態に基づいてアニメーションを開始する |
android:visible | 初期表示状態 |
サンプルコード
@Override public void onWindowFocusChanged(boolean hasFocus) { super.onWindowFocusChanged(hasFocus); ImageView img = (ImageView)findViewById(R.id.ImageView01); // AnimationDrawableのXMLリソースを指定 img.setBackgroundResource(R.drawable.android_animation); // AnimationDrawableを取得 AnimationDrawable frameAnimation = (AnimationDrawable) img.getBackground(); // アニメーションの開始 frameAnimation.start(); }
サンプルコードもとてもシンプルです。XMLリソースをImageViewのBackgroundリソースとして読み込み、AnimationDrawableとして取り出しています(5~10行目)
注意すべきはAnimationDrawable#start()メソッドはonCreateでは有効にならないことです(アニメーションしません)。onWindowFocusChanged等準備完了後に呼び出す必要があります。