Android研究院之模仿iPhone列表数据View刷新动画详解（十九）

因为我本人很喜欢在不同的页面之间跳转时加点好玩的动画，今天无意间看到一个动画效果感觉不错，几种效果图如下：既然好玩就写在博客中，直接说就是：该效果类似于iPhone中View的切换动画效果，今天就只介绍上面展示的效果，如果大家要看到更多更好玩的Activity之间切换的效果的话，可以看下小马这篇文章：http://mzh3344258.blog.51cto.com/1823534/807337涉及到插值器与多种动画效果的实现，看完会对Activity之间的动画有个更全的认识，文中不足之处，大家批评指出，共同改进，先谢谢啦，废话不多说，先上效果，再看代码！！

效果一：
效果二：
效果三：
效果四：（小马犯错的效果）：
效果五（回旋效果一）：
效果六（回旋效果二）：

效果看完了，就来看下上面效果实现的具体代码吧，中间小马会把我自己试验的、犯的错误都以注释的形式写下来的， 大家使用的时候别出错就行了！先来看下使用的布局文件，很简单的布局：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical" >

<ListView

android:id="@+id/firstPage"

android:layout_width="fill_parent"

android:layout_weight="1.0"

android:layout_height="0dip"/>

<ListView

android:id="@+id/secondPage"

android:layout_width="fill_parent"

android:layout_weight="1.0"

android:layout_height="0dip"

android:visibility="gone"/>

<Button

android:id="@+id/startNext"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/next"

</LinearLayout>

<strong> 下面再来看下实现以上效果的具体代码，代码中所标的顺序与上面显示的效果图一致：</strong>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

package com.xiaoma.www;

import android.animation.Animator;

import android.animation.AnimatorListenerAdapter;

import android.animation.ObjectAnimator;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.animation.AccelerateInterpolator;

import android.view.animation.CycleInterpolator;

import android.view.animation.DecelerateInterpolator;

import android.view.animation.Interpolator;

import android.view.animation.OvershootInterpolator;

import android.widget.ArrayAdapter;

import android.widget.Button;

import android.widget.ListView;

/**

* @Title: BetweenAnimationActivity.java

* @Package com.xiaoma.www

* @Description: 小马学习模仿iPhone列表分页旋转刷新

* @author XiaoMa

public class BetweenAnimationActivity extends Activity implements OnClickListener {

/**资源声明*/

private Button startNext = null ;

private ListView firstPage = null ;

private ListView secondPage = null ;

/**列表项声明*/

private static final String firstItem[] =

{"海阔人生","光辉岁月","无尽空虚","真的爱你","岁月无声","灰色轨迹","再见理想"};

private static final String secondItem[] =

{"洗唰唰","爱啦啦","喜欢你","娃哈哈","小马果","大坏蛋","冷雨夜"};

/**列表页面切换动画插值器声明一*/

private Interpolator accelerator = new AccelerateInterpolator();

private Interpolator decelerator = new DecelerateInterpolator();

/**动画插值器二：效果五与效果六都为以下插值器*/

private Interpolator accelerator1= new CycleInterpolator(45f);

private Interpolator decelerator1= new OvershootInterpolator();

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

/**

* 这个地方写下，大家尽量不要在onCreate方法中写太多的操作，

* 如果涉及到很多配置问题时有些属性设置必须在onCreate（）方法中

* 写，比如：全屏、横竖屏必须在setContentView（）前面写，

* 如果在onCreate（）方法中写太多东西的，一句话：太乱！！

* */

init();

}

/**

* 初始化实现

private void init(){

/**资源定位，添加监听*/

startNext = (Button)findViewById(R.id.startNext);

startNext.setOnClickListener(this);

firstPage = (ListView)findViewById(R.id.firstPage);

secondPage = (ListView)findViewById(R.id.secondPage);

ArrayAdapter<String> firstAdapter = new ArrayAdapter<String>

(this, android.R.layout.simple_list_item_1,firstItem);

ArrayAdapter<String> secondAdapter = new ArrayAdapter<String>

(this, android.R.layout.simple_list_item_1, secondItem);

firstPage.setAdapter(firstAdapter);

secondPage.setAdapter(secondAdapter);

}

@Override

public void onClick(View v) {

changePage();

}

//实现列表页面切换

private void changePage() {

final ListView visiable ;

final ListView invisiable ;

if(firstPage.getVisibility() == View.GONE){

visiable = secondPage ;

invisiable = firstPage ;

}else{

visiable = firstPage ;

invisiable = secondPage ;

}

//这个地方大家可能看到了ObjectAnimator这个类，一开始我也不知道是什么东西，很简单，查官方文档，官方文档中的解释一堆英文，我//一直说的，我英文烂的要死，但不怕，只要你想，就肯定可以查出来的，大家只看一句：该类是 ValueAnimator的子类，可以根据给定//的属性名称给目标对象设置动画参数

//效果一(此处效果顺序与效果图一一对应)

//final ObjectAnimator invisToVis = ObjectAnimator.ofFloat(invisiable, "rotationX",-90f, 0f);

ObjectAnimator visToInvis = ObjectAnimator.ofFloat(visiable, "rotationX", 0f, 90f);

//效果二

final ObjectAnimator invisToVis = ObjectAnimator.ofFloat(invisiable, "rotationY",-90f, 0f);

ObjectAnimator visToInvis = ObjectAnimator.ofFloat(visiable, "rotationY", 0f, 90f);

//效果三(这个地方的alpha属性值大家只记一点：值越大越不透明就可以了！！！)

//final ObjectAnimator invisToVis = ObjectAnimator.ofFloat(invisiable, "alpha", 0.0f, 1.0f );

//ObjectAnimator visToInvis = ObjectAnimator.ofFloat(visiable, "alpha", 1.0f, 0.0f );

//效果四(此于是我犯的一个错误，很天真的以为应该也有rotationZ属性名称，其实是错的，在ofFloat参数中并无此属性名称，但大家还//是可以看到列表正常，其实显示效果很不正常了因为后台已经报错，但应用仍然不会停止，照常运行，但效果仅仅是两个ListView直接//替换，并无任何动画添加到其中，这个地方大家注意下)： ObjectAnimator.ofFloat(invisiable, "rotationZ",-90f, 0f);

visToInvis.setDuration(500);

visToInvis.setInterpolator(accelerator);

invisToVis.setDuration(500);

invisToVis.setInterpolator(decelerator);

//这个地方记录下，下面这个监听器小马第一次见到，查阅官方文档解释如下：此监听来监听动画的生命周期如：开始、结束、正在播放、循//环播放等，此处切记： Animation是不可以监听动画的，它只负责动画的

visToInvis.addListener(new AnimatorListenerAdapter() {

@Override

public void onAnimationEnd(Animator anim) {

* 列举几个动画的监听：

* 一：anim.isRunning(){//TODO}

* 二：anim.isStarted(){//TODO}

* 三：anim.end(){//TODO}

visiable.setVisibility(View.GONE);

invisToVis.start();

invisiable.setVisibility(View.VISIBLE);

}

});

visToInvis.start();

}

最后，小马在这些说下，文章标题中说是分页动画，其实这些动画并不仅仅局限于分页上面的，如果大家把插值器、动画用灵活一点的话，也可以做出很个性的带有很多动画的应用的，再加上Activity之间的动画与以上这些结合的话就更完美了，Activity之间的动画大家可以参照我之前写的这篇文章（连接如下），希望对大家有所帮助，加油，努力就有收获，如若文章中有错误或不足，诚请大家批评指出，小马一定及时改正！谢谢…O_O http://mzh3344258.blog.51cto.com/1823534/807337

本文固定链接: https://www.xuanyusong.com/archives/1138
转载请注明: 小马果 2012年06月04日于雨松MOMO程序研究院发表

最后编辑：2012-06-04

作者：小马果

【誓言、会老】…【承诺、会变】…【目标、遥远】…【选择、不后悔】…【对自己要狠】…所有动力，源自兴趣,爱编程，更过编程的过程.....

站内专栏站点

捐赠如果您愿意花20块钱请我喝一杯咖啡的话，请用手机扫描二维码即可通过支付宝直接向我捐款哦。

《Android研究院之模仿iPhone列表数据View刷新动画详解（十九）》有 14 条评论

酷_莫名简单说：

2012 年 9 月 13 日下午 5:08

呵呵。。。名字好好玩呐！加油加油，认真对待每一天，一起努力！！！

回复
酷_莫名简单说：

2012 年 9 月 13 日下午 5:06

吼吼，小马先谢过了….再次感谢！！

回复
一叶飘舟说：

2012 年 6 月 6 日下午 3:58

楼主的东西真好，很多我都是第一次看到，得向你多学习了！

回复
- 酷_莫名简单说：
  
  2012 年 6 月 7 日上午 1:02
  
  一起学习，多多支持，善用API、网络，能利用的学习途径都用上，加油！年轻时逼自己一把！
  
  回复
董福海说：

2012 年 6 月 5 日上午 3:15

你这些东西API Demo里面都有

回复
- 酷_莫名简单说：
  
  2012 年 6 月 5 日上午 4:50
  
  嗯嗯，是的，因为动画的书籍暂时没发现经典的，从API入手比较方便，再加项目中的小点整合记录，学习使用的…
  
  回复
脚后跟疼怎么办说：

2012 年 6 月 4 日下午 5:14

不错，这种好文章不多，博主辛苦了。

回复
dinophp 说：

2012 年 6 月 4 日上午 10:19

前来学习。童鞋讲讲ListView优化的东西呗

回复
- 酷_莫名简单说：
  
  2012 年 6 月 5 日上午 12:30
  
  吼吼，你来得太及时了，ListView优化已经在整理中的，现在还没整理全呢，等发表了到时候一定得支持的哦！
  
  回复
- 酷_莫名简单说：
  
  2012 年 6 月 6 日上午 2:01
  
  ListView优化文章已发布，不足之处一定及时批评指出，加以改进，谢谢啦
  
  回复
ZXGoto 说：

2012 年 6 月 4 日上午 3:00

支持一下小马同学

回复
- 酷_莫名简单说：
  
  2012 年 6 月 4 日上午 6:02
  
  谢谢啦，一起加油！
  
  回复
Rayna 说：

2012 年 6 月 4 日上午 2:13

不错呢、加油哦

回复
- 酷_莫名简单说：
  
  2012 年 6 月 4 日上午 6:03
  
  谢谢哦，吼吼…加油加油！！！
  
  回复