How to move images one after another in android application?

I am working on android applicaiton. I need to start a second animation when the first animation is going on.

I need to move images one by one after some period of time. I have used framelayout with two imageViews in main.xml.

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">


    <ImageView android:src="@drawable/ars1" 
                android:layout_height="wrap_content" 
                android:layout_width="wrap_content" 
            android:id="@+id/imageView2">
    </ImageView>

    <ImageView android:src="@drawable/ars" 
                android:layout_height="wrap_content" 
                android:layout_width="wrap_content" 
            android:id="@+id/imageView1">
    </ImageView>


</FrameLayout>

Below is my animation.xml:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
    <translate android:fromXDelta="100%p" android:toXDelta="-100%p" 
        android:duration="1500" />

</set>

in onc开发者_如何转开发reate method of my activity class, i am doing something like below which is not working.

ImageView imageView1;
ImageView imageView2;
Animation tranOut;

     tranOut = AnimationUtils.loadAnimation(this, R.anim.animation);

    imageView1 = (ImageView)findViewById(R.id.imageView1);
    imageView1.setAnimation(tranOut);

    imageView2 = (ImageView)findViewById(R.id.imageView2);
    imageView2.setAnimation(tranOut);

Please tell me how can i move the two images one after another.

Thanks Jyoti

---

Try using animation listener, use onAnimationEnd(), and then start the second one. see the following link for more on animation listener.

http://developer.android.com/reference/android/view/animation/Animation.AnimationListener.html

---

I have searched a lot and finally did it using ImageSwitcher.

animation.xml:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
    <translate android:fromXDelta="150%p" android:toXDelta="0%p" 
        android:duration="1500" />

</set>

animation1.xml:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
<translate android:fromXDelta="0%p" android:toXDelta="-150%p" 
         android:duration="1500"  />

</set>

helloworld.java:

public class helloworld extends Activity implements ViewFactory {

public void onCreate(Bundle savedInstanceState) {

Animation rollIn = AnimationUtils.loadAnimation(this, R.anim.animation);
Animation rollOut = AnimationUtils.loadAnimation(this, R.anim.animation1);

final ImageSwitcher iSwitcher = (ImageSwitcher)findViewById(R.id.ImageSwitcher01);

iSwitcher.setFactory(this);
iSwitcher.setInAnimation(rollIn);
iSwitcher.setOutAnimation(rollOut);
iSwitcher.setImageResource(R.drawable.img1);

// TODO: Change the image in ImageSwitcher on end of animation rollIn.

}

Above code is the basic code for implementing this functionality (images move one after another). You can modify this as per your requirement.