I wanna share a piece of code for implementing flip animation in android. Forgive me for any mistakes. I hope it will help many.
To run this you will have to create an xml file under folder called "anim" of your project and paste the below code.
For flipping upwards:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale
android:interpolator="@android:anim/linear_interpolator"
android:fromXScale="1.0"
android:toXScale="1.0"
android:fromYScale="0.0"
android:toYScale="1.0"
android:pivotY="50%"
android:fillAfter="false"
android:startOffset="200"
android:duration="200" />
<translate
android:fromYDelta="100%"
android:toYDelta="0"
android:startOffset="200"
android:duration="200"/>
</set>
For flipping downwards:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale
android:interpolator="@android:anim/linear_interpolator"
android:fromXScale="1.0"
android:toXScale="1.0"
android:fromYScale="1.0"
android:toYScale="0.0"
android:pivotY="100%"
android:fillAfter="false"
android:duration="200" />
<translate
android:fromYDelta="1.0"
android:toYDelta="100%"
android:duration="300"/>
</set>
To load these animations, code the lines below:
Animation anim = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.grow_from_down);
layout.startAnimation(anim);
Enjoy the flipping animation :)
To run this you will have to create an xml file under folder called "anim" of your project and paste the below code.
For flipping upwards:
grow_from_down.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale
android:interpolator="@android:anim/linear_interpolator"
android:fromXScale="1.0"
android:toXScale="1.0"
android:fromYScale="0.0"
android:toYScale="1.0"
android:pivotY="50%"
android:fillAfter="false"
android:startOffset="200"
android:duration="200" />
<translate
android:fromYDelta="100%"
android:toYDelta="0"
android:startOffset="200"
android:duration="200"/>
</set>
For flipping downwards:
shrink_to_down.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale
android:interpolator="@android:anim/linear_interpolator"
android:fromXScale="1.0"
android:toXScale="1.0"
android:fromYScale="1.0"
android:toYScale="0.0"
android:pivotY="100%"
android:fillAfter="false"
android:duration="200" />
<translate
android:fromYDelta="1.0"
android:toYDelta="100%"
android:duration="300"/>
</set>
To load these animations, code the lines below:
Animation anim = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.grow_from_down);
layout.startAnimation(anim);
Enjoy the flipping animation :)
This is not flipping animation.
ReplyDelete