Skip to main content

Sample Animation to play the List of Images

I've designed the Activity with One ImageView (To get AnimationDrawables) and two buttons . One to start Playing and another for pausing it..... My Design is as Follows,

  main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:background="#000000">

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_marginBottom="61dp"
        android:layout_marginLeft="22dp"
        android:text="start" />
<Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="61dp"
        android:layout_marginRight="22dp"
        android:text="pause" />
    <ImageView
        android:id="@+id/iv"
        android:layout_width="fill_parent"
        android:layout_height="200dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="16dp"
         />

</RelativeLayout>
while working with Developing part(Java) I just did 3 main steps, 1. Created AnimationDrawable object. 2.added frames to that (frames are bitmap which was converted from drawable Images). 3.set AnimationDrawable as background of ImageView declared in UI. I started and paused animation using stop() and start() methods inside the OnClick() method.. My Java File is as follows,
package com.example.rakesh;
import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
public class MainActivity extends Activity implements OnClickListener {
ImageView img;
 Button strtbtn,stpbtn;
AnimationDrawable mAnimation;
   @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
img = (ImageView) findViewById(R.id.iv);
        BitmapDrawable frame0 = (BitmapDrawable)getResources().getDrawable(R.drawable.a);
        BitmapDrawable frame1 = (BitmapDrawable)getResources().getDrawable(R.drawable.b);
        BitmapDrawable frame2 = (BitmapDrawable)getResources().getDrawable(R.drawable.c);
        BitmapDrawable frame3 = (BitmapDrawable)getResources().getDrawable(R.drawable.d);
        BitmapDrawable frame4 = (BitmapDrawable)getResources().getDrawable(R.drawable.e);
        BitmapDrawable frame5 = (BitmapDrawable)getResources().getDrawable(R.drawable.f);

        int reasonableDuration = 750;
        mAnimation = new AnimationDrawable();
        mAnimation.addFrame(frame0, reasonableDuration);
        mAnimation.addFrame(frame1, reasonableDuration);
        mAnimation.addFrame(frame2, reasonableDuration);
        mAnimation.addFrame(frame3, reasonableDuration);
        mAnimation.addFrame(frame4, reasonableDuration);
        mAnimation.addFrame(frame5, reasonableDuration);

        img.setBackgroundDrawable(mAnimation);      
        strtbtn = (Button) findViewById(R.id.button1);
        strtbtn.setOnClickListener(this);
        stpbtn = (Button) findViewById(R.id.button2);
        stpbtn.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {

      if(v.getId()== R.id.button1){

          mAnimation.start();
          mAnimation.setOneShot(false);
      }
      else
        mAnimation.stop();
    }
}

Another way we can set animation from xml too . I've declared duration and source in the xml called animation.xml which is located in anim folder .. I've set an Imageview in main.xml where we set the attribute android:src="@anim/animation", which is in layout folder. the codings are as follows, MainActivity.java
package com.example.rakesh;
import android.os.Bundle;
import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;

import android.widget.ImageView;

public class MainActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ImageView im=(ImageView)findViewById(R.id.iv);
        AnimationDrawable ad=(AnimationDrawable)im.getDrawable();
        ad.start();

    }
}

activity_main.xml 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000000">

    <ImageView
        android:id="@+id/iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
          android:src="@anim/animation"
           />

</RelativeLayout>


  animation.xml 

<?xml version="1.0" encoding="utf-8"?>
<animation-list
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:oneshot="false">
  <item
    android:drawable="@drawable/img1"
    android:duration="83"
  />
  <item
    android:drawable="@drawable/img2"
    android:duration="83"
  />
  <item
    android:drawable="@drawable/img3"
    android:duration="83"
  />
  <item
    android:drawable="@drawable/img4"
    android:duration="83"
  />
  <item
    android:drawable="@drawable/img5"
    android:duration="83"
  />
  <item
    android:drawable="@drawable/img6"
    android:duration="83"
  />
  <item
    android:drawable="@drawable/img7"
    android:duration="83"
  />
  <item
    android:drawable="@drawable/img8"
    android:duration="83"
  />
  <item
    android:drawable="@drawable/img9"
    android:duration="83"
  />
  <item
    android:drawable="@drawable/img"
    android:duration="83"
  />

  </animation-list>

  you can put your own image in drawable folder and check this out .. Enjoy :) You can Download full source code from my mediafire Account Here

Comments

Popular posts from this blog

Circular Seek Bar - Example

MyView.java package com.rakesh.androidcircularseekbar; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.RectF; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; public class MyView extends View {     /** The context */     private Context mContext;     /** The listener to listen for changes */     private OnSeekChangeListener mListener;     /** The color of the progress ring */     private Paint circleColor;     /** the color of the inside circle. Acts as background color */     private Paint innerColor;     /** The progress circle ring background */     private Paint circleRing;   ...

SSL pinning in Android - A brief discussion

HTTP protocol Communication between the client and a server typically non-encrypted or plain text while we use HTTP protocol.  Pitfall Any middle hacker can interrupt the connection between the client and server and manipulate the data as it involves no encryption. How to overcome this ? As the domain owner one can purchase a digital certificate from CA(Certificate Authority) who are considered as trusted.  A certificate will contain the Owner's name, public key , Issuer's(CA's) name,Issuer's(CA's) signature, domain details, expiry date etc . After the SSL/Leaf certificate is associated with a domain,the communication between client and server will be encrypted. Now the HTTP will become HTTPs. Note : Associating the SSL certificate means it enable the encryption between client and server but does not mean ,the domain owner will never misuse your personal information. How does SSL work ? Pitfall There is a problem here. Let's assume that there is a hacker comes i...

Android - Activity Life cycle

The android activity provides 7 call backs which will be invoked based on the states of the activity For better undersatnding,The Activity A and Activity B with the all the call backs overridden. ActivityA :  public class ActivityA extends Activity {     @Override    protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);         Log.e("A-OnCreate", "Object Creation");     }     public void next(View v) {         Intent i = new Intent(this, Main2Activity.class);         startActivity(i);     }     @Override    protected void onStart() {         super.onStart();         Log.e("A-onStart", "View is visible but will not be able to interact");     } ...