Image transition animation in Android

Image transition animation in Android

Hello all…

I have shown a lot of examples of animations in android.
Today I will show you how to show an image transition animation between two images. For that you have to create an xml named “expand_collapse.xml” inside the res/drawable folder.

The contents of “expand_collapse.xml” are

?

Drag and copy the code

1 2 3 4

<transition xmlns:android="http://schemas.android.com/apk/res/android">       <item android:drawable="@drawable/android_1" />       <item android:drawable="@drawable/android_2" /> </transition>

Now in the main.xml place an imageView to show the transition

?

Drag and copy the code

01 02 03 04 05 06 07 08 09 10 11 12

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="vertical"     android:layout_width="fill_parent"     android:layout_height="fill_parent"     > <ImageView     android:layout_width="fill_parent"     android:layout_height="wrap_content"     android:id="@+id/toggle_image"     /> </LinearLayout>

Now in the main java file I will show you how to apply this transition.

?

Drag and copy the code

01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22

package com.coderzheaven.pack;   import android.app.Activity; import android.content.res.Resources; import android.graphics.drawable.TransitionDrawable; import android.os.Bundle; import android.widget.ImageView;   public class TransitionDrawableDemo extends Activity {     @Override     public void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.main);           Resources res = getApplicationContext().getResources();         TransitionDrawable transition = (TransitionDrawable) res.getDrawable(R.drawable.expand_collapse);         ImageView image = (ImageView) findViewById(R.id.toggle_image);         image.setImageDrawable(transition);           transition.startTransition(5000);    } }