Frame by Frame Animation in Android

Introduction

1. hdpi-> high dots per inch
2. ldpi->large dots per inch
3. mdpi->medium dots per inch

1. Do with "BitmapDrawable"
   Syntax:
   1. BitmapDrawable object=(BitmapDrawable) getResources().getDrawable(R.drawable.<image_name>);
      
   Example
   Suppose I have an image named "sample.png" in "res.drawable" directory, then
   1. BitmapDrawable frame1=(BitmapDrawable)getResources().getDrawable(R.drawable.sample);
   3. AnimationDrawable animation = new AnimationDrawable();
      
   Now, we can add frames that we have created above as you want.
   Syntax:
   1. AnimationDrawable.addFrame(BitmapDrawable,duration);
      
   Example
   1. animation.addFrame(frame1,1000);
      
   In this animation, while you start this animation, it will stop after the last added frame. If you like to continue this animation, the following method must be implemented.
   1. animation.setOneShot(false);
   3. Now, bind "ImageView" object of the layout
   4. ImageView img=(ImageView)findViewById(R.id.imageView1);
   5. img.setBackgroundDrawable(animation);
   6. animation.start();
   7. animation.stop();
   Description:
   • Duration is in milliseconds.
   • setBackgroundDrawable(animation) method will set background with animation and give control over animation.
   • start() method will start your animation and stop() will stop this animation.
     
     
2. Do with "animatin.xml" file in animation directory
   First, right click "Your Project" -> new -> Android Xml File ->
   
   Now, write down the following code in that file by removing existing codes.
   1. <?xml version="1.0" encoding="utf-8"?>
   2. <animation-list
   3. xmlns:android=http://schemas.android.com/apk/res/android
   4. android:oneshot="false">
   5. <item android:drawable="@drawable/sample1" android:duration="50"/>
   6. <item android:drawable="@drawable/sample2" android:duration="50"/>
   7. <item android:drawable="@drawable/sample3" android:duration="50"/>
   8. </animation-list>
   In the above code, I have added 3 frames with "android:drawable" attribute and duration in milliseconds.

   Now, bind "ImageView" object with the layout and implement the following methods.
   1. ImageView img=(ImageView)findViewById(R.id.imageView1);
   2. img.setImageBitmap(null);
   3. img.setBackgroundResource(R.anim.animation);
   4. Next, create object of "AnimatinDrawable" and give background to "AnimationDrawable" so that it can handle it.
   5. AnimationDrawable animation = (AnimationDrawable) img.getBackground();
   6. animation.start();
   7. animation.stop();