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等準備完了後に呼び出す必要があります。