Home > DeveloperSection > Articles > How to animate image left to right in android

How to animate image left to right in android


Android Android  Animation 
Ratings:
0 Comment(s)
 1529  View(s)
Rate this:

How to animate image left to right in android


Android provides powerful api to apply animation in out ui element drawing custom 2D and 3D animation. Animation makes our ui shining, quality feel and standard. Tween nimation calculates the animation with information such as the start point, end point, size, rotation, and other common aspects of an animation.

Here I am creating a sample of animation which image is moving left to right and right to left.

1.      Create an android project and api level must be greater than 10.

2.      Add view in activity_main.xml file

 

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@+id/myLayout"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent" >

 

    <ImageView

        android:id="@+id/imgLogo"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:src="@drawable/ic_launcher" />

 

    <Button

        android:id="@+id/btnStart"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentBottom="true"

        android:layout_centerHorizontal="true"

        android:layout_marginBottom="20dp"

        android:layout_marginTop="30dp"

        android:text="Start Animation" />

 

</RelativeLayout>

 

3.      Now add new  folder in res name as anim (res/anim) and create a my anim. xml file (Resource type must be Tweet Animation ) .

 

4.      Add following xml code in res/anim/myanim.xml file

 

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android"

    android:fillAfter="true"

    android:interpolator="@android:anim/linear_interpolator" >

 

    <!-- Use startOffset to give delay between animations -->

 

 

    <!-- Move -->

    <translate

        android:duration="2000"

        android:fillAfter="true"

        android:startOffset="300"

        android:toXDelta="130%p" />

    <translate

        android:duration="800"

        android:fillAfter="true"

        android:startOffset="2000"

        android:toYDelta="10%p" />

    <translate

        android:duration="2000"

        android:fillAfter="true"

        android:startOffset="2800"

        android:toXDelta="-130%p" />

 

</set>

 

5.       Now follow the below code in Mainactivity.class

 

package com.example.demoanimation;

 

import android.os.Bundle;

import android.app.Activity;

import android.view.View;

import android.view.animation.Animation;

import android.view.animation.AnimationUtils;

import android.view.animation.Animation.AnimationListener;

import android.widget.Button;

import android.widget.ImageView;

import android.widget.RelativeLayout;

 

public class MainActivity extends Activity {

     ImageView imgLogo;

     Button btnStart;

     int pdfrom = 40;

     RelativeLayout layout;

     Animation animSequential;

 

     @Override

     protected void onCreate(Bundle savedInstanceState) {

           super.onCreate(savedInstanceState);

           setContentView(R.layout.activity_main);

           layout = (RelativeLayout) findViewById(R.id.myLayout);

           imgLogo = (ImageView) findViewById(R.id.imgLogo);

           btnStart = (Button) findViewById(R.id.btnStart);

           // repeat animation (left to right, right to left )

           // load the animation

animSequential = AnimationUtils.loadAnimation(getApplicationContext(),

                     R.anim.sequential);

 

           animSequential.setFillBefore(true);

           animSequential.setFillAfter(true);

 

           animSequential.setRepeatCount(Animation.INFINITE);

           animSequential.setRepeatMode(Animation.INFINITE);

           // button click event

           btnStart.setOnClickListener(new View.OnClickListener() {

                @Override

                public void onClick(View v) {

                     // start the animation

                     pdfrom = 40;

                     imgLogo.startAnimation(animSequential);

 

                }

           });

           animSequential.setAnimationListener(new AnimationListener() {

 

                @Override

                public void onAnimationStart(Animation animation) {

                     // TODO Auto-generated method stub

                     layout.setPadding(-50, 0, 0, 0);

 

                }

 

                @Override

                public void onAnimationRepeat(Animation animation) {

                     // TODO Auto-generated method stub

                }

 

                @Override

                public void onAnimationEnd(Animation animation) {

                     // TODO Auto-generated method stub

                     if (pdfrom < 241) {

                           imgLogo.setPadding(0, pdfrom, 0, 0);

                           pdfrom = pdfrom + 40;

                          imgLogo.startAnimation(animSequential);

                     }

else

{

 

animSequential.reset();

                               layout.setPadding(0, 0, 0, 0);

}

 

                }

           });

 

     }

 

}

 

Now run your application

  


Don't want to miss updates? Please click the below button!

Follow MindStick