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:
