Simple implementation of Android5.0 listview effects

Source: Internet
Author: User
Tags locale

Android5.0 in the so-called animation can be a unique, in the design specifications in a large number of display of the ListView animation, in fact, is a purpose: the items animated display. This looks very flashy effect, in fact, the implementation is quite simple, I will be the following to use animation simple implementation.

I. Creating an animated file in an XML file

This step I recommend writing animations in XML, the advantage is that your entire application can invoke this effect, guaranteeing style and reducing redundancy. My usual attitude to animations is: Simple animations with XML files, complex animations with objectanimation.

<?XML version= "1.0" encoding= "Utf-8"?><Setxmlns:android= "Http://"Android:interpolator= "@android: Anim/decelerate_interpolator"Android:shareinterpolator= "true">    <Translateandroid:duration= "1300"Android:fromxdelta= "0%"Android:fromydelta= "100%"Android:toxdelta= "0%"Android:toydelta= "0%" />    <Alphaandroid:duration= "1300"Android:fromalpha= "0"Android:toalpha= "1.0" /></Set>

Here you can see I wrote two animations, one from scratch, and one from bottom to top. In order to facilitate the demonstration, I have made the animation time more long.

Second, configure in the code

 PackageCom.example.googleplusliststyle;Importjava.util.Arrays;Importjava.util.List;ImportJava.util.Locale;;ImportAndroid.os.Bundle;Importandroid.view.animation.Animation;Importandroid.view.animation.AnimationUtils;ImportAndroid.view.animation.LayoutAnimationController;ImportAndroid.widget.ArrayAdapter;ImportAndroid.widget.ListView; Public classMainactivityextendsActivity {@Overrideprotected voidonCreate (Bundle savedinstancestate) {Super. OnCreate (savedinstancestate);                Setcontentview (R.layout.activity_main); FinalListView ListView =(ListView) Findviewbyid (; List<String> data = Arrays.aslist (Locale.getisocountries ());//Get demo list dataarrayadapter<string> adapter =NewArrayadapter<string> ( This, R.layout.item,,data);                Listview.setadapter (adapter); Animation Animation= Animationutils.loadanimation ( This, R.anim.from_bottom_to_top); FinalLayoutanimationcontroller Controller =NewLayoutanimationcontroller (animation, 0);        Listview.setlayoutanimation (Controller); Listview.setdivider (NULL); //listview.startanimation (animation);            }}

The code is also very simple, load the listview in the layout file first, write the item, then configure the animation by Layoutanimationcontroller, and finally let the ListView load the animation.

Layoutanimationcontroller constructor We mainly look at the second parameter, if set 0, all item is animated at the same time, if it is 1, it will let the item one by one display animation.


<Relativelayoutxmlns:android= "Http://"Xmlns:tools= "Http://"Android:layout_width= "Match_parent"Android:layout_height= "Match_parent"Tools:context=". Mainactivity " >    <ListViewAndroid:id= "@+id/listview"Android:layout_width= "Match_parent"Android:layout_height= "Wrap_content"Android:layout_alignparentbottom= "true"Android:layout_alignparentleft= "true"Android:layout_alignparenttop= "true" >    </ListView></Relativelayout>


<Relativelayoutxmlns:android= "Http://"Xmlns:tools= "Http://"Android:layout_width= "Match_parent"Android:layout_height= "Match_parent">    <TextViewAndroid:layout_width= "Wrap_content"Android:layout_height= "Wrap_content"Android:text= "@string/hello_world"Android:id= "@+id/mytextview"Android:layout_margin= "16DP"android:textsize= "18SP"/>        <ViewAndroid:layout_width= "Match_parent"Android:layout_height= "2DP"Android:layout_below= "@id/mytextview"Android:background= "#888888"/></Relativelayout>

Third, another way: Set the animation in the layout file

If we want to use animation in XML, we need to create an animation file


<? XML version= "1.0" encoding= "Utf-8" ?> <  xmlns:android= ""    android: Animation= "@anim/from_bottom_to_top"    android:animationorder= "normal"     android:delay= "0"/>

The value of Android:animationorder here is normal:0 default; reverse:1 reverse; Random:2 random. is to sort the animations, I set the Noraml.

This file refers to an animation we wrote earlier, which is equivalent to the previous animation being layoutanimation wrapped.

Animating in the ListView

    <ListViewAndroid:id= "@+id/listview"Android:layout_width= "Match_parent"Android:layout_height= "Wrap_content"Android:layout_alignparentbottom= "true"Android:layout_alignparentleft= "true"Android:layout_alignparenttop= "true"android:layoutanimation= "@anim/anim_layout">    </ListView>

The key is this layoutanimation property, set on the animation we just finished it on the line.

The effect is as follows:

SOURCE Download:

Reference from:


Simple implementation of Android5.0 listview effects

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.