欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android 模仿iPhone列表数据View刷新动画详解

程序员文章站 2024-03-06 23:06:26
 因为我本人很喜欢在不同的页面之间跳转时加点好玩的动画,今天无意间看到一个动画效果感觉不错,几种效果图如下:既然好玩就写在博客中,直接说就是:该效果类似于iphone中vi...

 因为我本人很喜欢在不同的页面之间跳转时加点好玩的动画,今天无意间看到一个动画效果感觉不错,几种效果图如下:既然好玩就写在博客中,直接说就是:该效果类似于iphone中view的切换动画效果,今天就只介绍上面展示的效果。

  废话不多说,先上效果,再看代码!!

  效果一:

Android 模仿iPhone列表数据View刷新动画详解

  效果二:

Android 模仿iPhone列表数据View刷新动画详解

  效果三:

Android 模仿iPhone列表数据View刷新动画详解

  效果四:(犯错的效果):

Android 模仿iPhone列表数据View刷新动画详解

  效果五(回旋效果一):

Android 模仿iPhone列表数据View刷新动画详解

  效果六(回旋效果二):

Android 模仿iPhone列表数据View刷新动画详解

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

xml/html代码

<?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> 

xml/html代码

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

java代码

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之间的动画大家可以参照我之前写的这篇文章(连接如下),希望对大家有所帮助。