Ticker

6/recent/ticker-posts

Create frame animation with AnimationDrawable





Before we start coding for our frame animation, we have to prepare some .png graph for our frames, named android_1.png ~ android_7.png. Copy all graphs to /res/drawable folder.























Create a file /res/anim/anim_android.xml

android:oneshot="false"
>
android:drawable="@drawable/android_1"
android:duration="100"/>
android:drawable="@drawable/android_2"
android:duration="100"/>
android:drawable="@drawable/android_3"
android:duration="100"/>
android:drawable="@drawable/android_4"
android:duration="100"/>
android:drawable="@drawable/android_5"
android:duration="100"/>
android:drawable="@drawable/android_6"
android:duration="100"/>
android:drawable="@drawable/android_7"
android:duration="100"/>


Modify main.xml, add a ImageView with android:src="@anim/anim_android".

android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello" />
android:id="@+id/myanimation"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@anim/anim_android"
/>



Modify our activity:
package com.exercise.AndroidAnimation;

import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.widget.ImageView;

public class AndroidAnimationActivity extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

ImageView myAnimation = (ImageView)findViewById(R.id.myanimation);
final AnimationDrawable myAnimationDrawable
= (AnimationDrawable)myAnimation.getDrawable();

myAnimation.post(
new Runnable(){

@Override
public void run() {
myAnimationDrawable.start();
}
});
}
}


Download the files.

Next:
- Start and Stop frame animation with AnimationDrawable
Handle end of animation for AnimationDrawable

Related:
- Create AnimationDrawable using Java code

إرسال تعليق

0 تعليقات