Android5.0 ListView特效的简单实现

Android5.0中对于动画可所谓是情有独钟,在设计规范中大量展现了listview的动画,其实也就是一个目的:将items动画显示出来。这个看起来很炫的效果,其实实现也蛮简单的,我下面就来用动画简单实现一下。

一、在xml文件中建立动画文件

这一步我推荐在xml中写动画,好处是你整个应用都可以调用这一种效果,保证了风格而且减少冗余。对于动画我一贯的态度是:简单的动画用xml文件,复杂的动画用ObjectAnimation。

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/decelerate_interpolator"
    android:shareInterpolator="true">

    <translate
        android:duration="1300"
        android:fromXDelta="0%"
        android:fromYDelta="100%"
        android:toXDelta="0%"
        android:toYDelta="0%" />

    <alpha
        android:duration="1300"
        android:fromAlpha="0"
        android:toAlpha="1.0" />

</set>

这里可以看见我写了两个动画,一个是从无到有渐变的,一个是从下到上的移动。为了方便演示,我把动画时间弄得比较长了。

二、在代码中进行配置

package com.example.googleplusliststyle;

import java.util.Arrays;
import java.util.List;
import java.util.Locale;

import android.app.Activity;
import android.os.Bundle;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.LayoutAnimationController;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        final ListView listView = (ListView)findViewById(R.id.listView);

        List<String> data = Arrays.asList(Locale.getISOCountries());// get demo list data
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.item, R.id.myTextView,data);
        listView.setAdapter(adapter);

        Animation animation = AnimationUtils.loadAnimation(this, R.anim.from_bottom_to_top);
        final LayoutAnimationController controller = new LayoutAnimationController(animation, 0);
        listView.setLayoutAnimation(controller);
        listView.setDivider(null);
        //listView.startAnimation(animation);

    }

}

代码也很简单,首先加载布局文件中的listview,写好item,然后通过LayoutAnimationController来配置动画,最后让listview加载动画。

LayoutAnimationController构造函数中我们主要看第二个参数,如果设置0的话,所有item都是同时进行动画的,如果是1的话,就会让item一个接一个显示动画。

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <ListView
        android: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>

item.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android: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"/>

    <View
        android:layout_width="match_parent"
        android:layout_height="2dp"
        android:layout_below="@id/myTextView"
        android:background="#888888"/>

</RelativeLayout>

三、另一种办法:在布局文件中设置动画

如果想要在xml中运用动画的话,我们就需要再建立一个动画文件

anim_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
    android:animation="@anim/from_bottom_to_top"
    android:animationOrder="normal"
    android:delay="0" />

这里的android:animationOrder的取值有normal:0 默认;reverse:1 倒序;random:2 随机。就是给动画进行排序,我设置了noraml。

这个文件引用了之前我们写过的一个动画,等于之前的animation被layoutAnimation包装了一下。

在listView中设置动画

    <ListView
        android: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>

关键就是这个layoutAnimation属性,设置上我们刚刚做好的动画就行了。

效果如下:

源码下载:http://download.csdn.net/detail/shark0017/8273763

参考自:

http://blog.csdn.net/jdsjlzx/article/details/7652297

http://blog.csdn.net/jdsjlzx/article/details/7652452

http://blog.csdn.net/lixiaodaoaaa/article/details/8284246

http://droidyue.com/blog/2014/07/26/apply-google-plus-list-style-on-android/

时间: 2024-10-10 10:02:39

Android5.0 ListView特效的简单实现的相关文章

Android5.0之Palette简单实用

一直想学学android5.0的新特性,但是由于模拟器的原因,一直没有了却这个心愿. 今天是个悲剧的一天,但不是有那么一句老话吗"塞翁失马,焉知非福".先说说今天吧, 不知道咋回事,genymotion数据全丢失了,没办法,只能重新下载新的数据,就是在选择版本的过程中,突然发现了5.0, 好激动,赶快下载下来体验一把. UI是不是特别爽,感觉可以秒杀iOS好几条街了, 好了,不扯淡了,进入今天的主题Palette. Palette,中文名:调色板,也就是android允许我们动态的获取

Android5.0以上的项目都会有的按钮点击特效--水波纹

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="@color/colorPrimary"/> <corners android:radius="10dp" /&

Android5.0开发范例大全 读书笔记(六)

(六)与系统交互 6.1后台通知 1.关于后台通知,下面展示6种样式.值得一提的是,笔者的小米5只能显示基本样式,雷军真是良心厂商啊. 2.首先上布局xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="

一个Activity掌握Android5.0新控件 (转)

原文地址:http://blog.csdn.net/lavor_zl/article/details/51279386 谷歌在推出Android5.0的同时推出了一些新控件,Android5.0中最常用的新控件有下面5种. 1. CardView(卡片视图) CardView顾名思义是卡片视图,它继承FrameLayout.它是一个带圆角的背景和阴影FrameLayout.CardView被包装为一种布局,并且经常在ListView和RecyclerView的Item布局中,作为容器使用. Ca

android5.0中RecycleView的用法

最近学习了android5.0中新增的一个组件RecycleView,是用来代替当前的listview开发的,是因为在RecycleView中已经有了viewholder缓存,并且不同的item之间可以设置不同的布局.能非常有效地维护了意见数量有限,滚动大的数据集.使用 RecyclerView当你拥有的数据的集合,它的元素在运行时改变基于用户行为和网络事件的小部件 首先看看RecyclerView的一个小例子: 需要引入:android-support-v7-appcompat.jar and

android5.0视频教程下载

国内首部android 5.0视频教程 网盘下载地址: http://pan.baidu.com/s/1dDcoUUP 密码: zw67 要是网盘失效了,请加我QQ: 3113533060 课程内容 本套视频特点: 1.本套视频知识点覆盖率是市面上最广的.最有深度的,从入门到中级.到完成一个项目的全面应用讲解. 2.本套视频层次性很强.不像别的机构只是断章取义的推出视频,吊足学习者的胃口. 3.本套视频重点介绍了 1).Android概述: 2).Android集成开发环境搭建: 3).常用UI

Android5.0新控件

谷歌在推出Android5.0的同时推出了一些新控件,Android5.0中最常用的新控件有下面5种.  1. CardView(卡片视图) CardView顾名思义是卡片视图,它继承FrameLayout.它是一个带圆角的背景和阴影FrameLayout.CardView被包装为一种布局,并且经常在ListView和RecyclerView的Item布局中,作为容器使用. CardView的使用非常简单: 1 <android.support.v7.widget.CardView 2 andr

Android5.0以上app进程保活的正确姿势

我的原文: http://blog.csdn.net/brycegao321/article/details/52312030 有图有真相,  亲测锤子T2.华为Mate8手机杀掉进程后能自启, 我设置的自启时间间隔为500ms(仅仅是为了测试).     首先要明确保活的概念: 1.非android核心进程(例如com.android.phone)都可以被干掉: 2.保活并不能真正的保证app进程不死,  而是能在被干掉后马上启动: Android系统按照进程的优先级分为: 1. 前台进程(F

android5.0之toolBar

toolBar是android5.0之后提出的,可以简单的理解为ActionBar的升级版吧,在5.0之后,官方推荐使用ToolBar!下面开启ToolBar的正文(老样子,有问题请指正,有疑问,偶们共同讨论!嘎嘎......) ①toolBar是5.0之后提出的,那么低版本的该怎么办啊?老规矩咯,引入V7包'com.android.support:appcompat-v7:22.1.1',就是介个!(注意:下面的一些类都是V7包里的,不要写错了!!!) ②V7包引入之后,还是不可以直接使用to