Like my previous posts animation chapter is again continued. This time the animation in on a ListView from Bottom to Top.
You have already seen animations from Top to Bottom in my previous posts.
See some of my posts here.
All animation posts from CoderzHeaven is here
Click on the download link at the bottom to download the source code.
So We will start
Like my other examples for this animation also we need two XML files one which extends the “layoutAnimation” class
Here is how it looks
layout_bottom_to_top_slide.xml
<?xml version="1.0" encoding="utf-8"?> <layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android" android:delay="30%" android:animationOrder="reverse" android:animation="@anim/slide_right" />
Now the animation for Sliding to right.
slide_right.xml
After applying this animation the View will slide from right side of the screen.
<?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:duration="@android:integer/config_shortAnimTime" android:fromXDelta="-100%p" android:toXDelta="0" /> </set>
Our animation XML files are complete.
Now we will apply this in the layout.
activity_main.xml
<ListView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/list" android:layout_width="match_parent" android:layout_height="match_parent" android:layoutAnimation="@anim/layout_bottom_to_top_slide" />
Now just set this layout as the content of your activity. You can see the animation.
Just like this
package com.example.reverseanimationlistviews; import android.app.ListActivity; import android.os.Bundle; import android.widget.ArrayAdapter; public class MainActivity extends ListActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mStrings)); } private String[] mStrings = { "CoderzHeaven", "Android", "Google", "iPhone", "Windows Phone", "Samsung", "Sony" }; }
Note : Changing the delay in the XML, you can change the speed of the animation.
Download the complete Android source code from here.
Pingback: How to create a List with Alphabet Overlay in Android
Pingback: Wave Scale Animation in GridViews in Android | Free Tools Successful Bloggers Are Using
Pingback: How to create animation by default in a GrdiView in Android? | All Things Gadget
Thanks for this code buddy ……….:)