iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Android 模仿iPhone列表数据View刷新动画详解
  • 460
分享到

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

viewiphone动画Android 2022-06-06 07:06:45 460人浏览 安东尼
摘要

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

 因为我本人很喜欢在不同的页面之间跳转时加点好玩的动画,今天无意间看到一个动画效果感觉不错,几种效果图如下:既然好玩就写在博客中,直接说就是:该效果类似于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; 
 
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(); 
  
 @Override 
 public void onCreate(Bundle savedInstanceState) { 
 super.onCreate(savedInstanceState); 
 setContentView(R.layout.main); 
  
 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) { 
    
   visiable.setVisibility(View.GONE); 
   invisToVis.start(); 
   invisiable.setVisibility(View.VISIBLE); 
  } 
  }); 
  visToInvis.start(); 
 } 
}

  最后,再说下,文章标题中说是分页动画,其实这些动画并不仅仅局限于分页上面的,如果大家把插值器、动画用灵活一点的话, 也可以做出很个性的带有很多动画的应用的,再加上Activity之间的动画与以上这些结合的话就更完美了,Activity之间的动画大家可以参照我之前写的这篇文章(连接如下),希望对大家有所帮助。

您可能感兴趣的文章:Android自定义渐变式炫酷ListView下拉刷新动画Android仿支付宝笑脸刷新加载动画的实现代码Android开发中MJRefresh自定义刷新动画效果超好看的下拉刷新动画Android代码实现一个简单的Android圆弧刷新动画


--结束END--

本文标题: Android 模仿iPhone列表数据View刷新动画详解

本文链接: https://www.lsjlt.com/news/24031.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作