Animations examples

In this example we shall show you how to programmatically set animations to a layout .

To achieve this one should perform the following steps:

Create an XML file and place it in a new folder inside the “res” folder of the Android Project

• Use an  AccelerateInterpolator that dictates the way the animation changes its state
• Use  the AnimationUtils to load the animation created on the xml file

as demonstrated in the code snippets that follow:

private void startAnimationPopOut() {

    LinearLayout myLayout = (LinearLayout) findViewById(R.id.anim_layout);

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

    animation.setAnimationListener(new AnimationListener() {

  @Override

  public void onAnimationStart(Animation animation) {

  }

  @Override

  public void onAnimationRepeat(Animation animation) {

  }

  @Override

  public void onAnimationEnd(Animation animation) {

  }
    });

    myLayout.clearAnimation();
    myLayout.startAnimation(animation);

}

<?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:fromYDelta="0%"

  android:toYDelta="60%"

  android:duration="700">
    </translate>
</set>

<translate
     android:fromYDelta="70%"
     android:toYDelta="0%"
     android:duration="700">
</translate>

<translate
     android:fromXDelta="-100%p"
     android:toXDelta="0%"
     android:duration="600">
</translate>

<translate
     android:fromXDelta="100%p"
     android:toXDelta="0%p"
     android:duration="600">
</translate>

<rotate 
    android:fromDegrees="180"
    android:toDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:duration="600">
</rotate>

<scale

    android:toXScale="1.1"

    android:fromXScale="1.0"

    android:toYScale="1.1"
    android:fromYScale="1.0"
    android:pivotX="0%"
    android:pivotY="0%"
    android:startOffset="100"
    android:duration="2000">
 </scale>

 
This was an example of how to create simple Animations in Android.

Related Article:

• Android Animations Quick Guide