XMLを使った簡単なアニメーションを作成します。

パラパラ漫画のようなイメージです。

以下の手順で行います。

• 画像の準備
• 画像をXMLに定義
• ImageViewへの画像の読み込み
• Timerによる起動

1 : 画像の準備

わずかに位置をずらしたコマ送り用の画像を複数枚用意します。

　

2 : 画像をXMLに定義

画像のリストを”　animation-list “タグのXMLに定義します。
drawable属性に画像の場所、duration属性に再生時間を指定します。

　

3 : ImageViewへの画像の読み込み

ActivityクラスにImageViewを定義し、画像のXMLのリソースを指定します。

ImageView img = (ImageView)findViewById(com.yuichilo.a02.R.id.anim); img.setBackgroundResource(com.yuichilo.a02.R.anim.animation_data);

　

4 : Timerによる起動

TimerTaskクラスを継承したアニメーション用のクラスを定義します。
その中のrunメソッドで、AnimationDrawableのstartメソッドを使いアニメーションを開始できるようにします。
stopメソッドを使い停止させることも可能です。

このアニメーション用のクラスをTimerを追加起動させるようにします。

animation ai = new animation(); Timer t = new Timer(false); t.schedule(ai, 50); } class animation extends TimerTask { public void run(){ ImageView img = (ImageView)findViewById(com.yuichilo.a02.R.id.anim); AnimationDrawable anim = (AnimationDrawable) img.getBackground(); anim.start(); } }

◆　できたもの

XMLでのアニメーション [ 動画 ]

関連する投稿

• 関連する投稿はありません。