Android模仿iPhone View旋转刷新数据动画详解
因为小马很喜欢在不同的页面之间跳转时加点好玩的动画,今天无意间看到一个动画效果感觉不错,几种效果图如下,既然好玩就写在博客中,直接说就是:该效果类似于iPhone中View的切换动画效果,今天就只介绍上面展示的效果,如果大家要看到更多更好玩的Activity之间切换的效果的话,可以看下小马这篇文章:http://mzh3344258.blog.51cto.com/1823534/807337涉及到插值器与多种动画效果的实现,看完会对Activity之间的动画有个更全的认识,文中不足之处,大家批评指出,共同改进,先谢谢啦,废话不多说,先上效果,再看代码!!! 效果一: 效果二: 效果三: 效果四:(小马犯错的效果): 效果五(回旋效果): 效果六(回旋效果): 好啦,效果看完了,就来看下上面效果实现的具体代码吧, 中间小马会把我自己试验的、犯的错误都以注释的形式写下来的大家使用的时候别出错就行了! packagecom.xiaoma.www; importandroid.animation.Animator; importandroid.animation.AnimatorListenerAdapter; importandroid.animation.ObjectAnimator; importandroid.app.Activity; importandroid.os.Bundle; importandroid.view.View; importandroid.view.View.OnClickListener; importandroid.view.animation.AccelerateInterpolator; importandroid.view.animation.CycleInterpolator; importandroid.view.animation.DecelerateInterpolator; importandroid.view.animation.Interpolator; importandroid.view.animation.OvershootInterpolator; importandroid.widget.ArrayAdapter; importandroid.widget.Button; importandroid.widget.ListView; /** *@Title:BetweenAnimationActivity.java *@Packagecom.xiaoma.www *@Description:小马学习模仿iPhone列表分页旋转刷新 *@authorXiaoMa */ publicclassBetweenAnimationActivityextendsActivityimplementsOnClickListener{ /**资源声明*/ privateButtonstartNext=null; privateListViewfirstPage=null; privateListViewsecondPage=null; /**列表项声明*/ privatestaticfinalStringfirstItem[]= {"海阔人生","光辉岁月","无尽空虚","真的爱你","岁月无声","灰色轨迹","再见理想"}; privatestaticfinalStringsecondItem[]= {"洗唰唰","爱啦啦","喜欢你","娃哈哈","小马果","大坏蛋","冷雨夜"}; /**列表页面切换动画插值器声明一*/ privateInterpolatoraccelerator=newAccelerateInterpolator(); privateInterpolatordecelerator=newDecelerateInterpolator(); /**动画插值器二:效果五与效果六都为以下插值器*/ privateInterpolatoraccelerator1=newCycleInterpolator(45f); privateInterpolatordecelerator1=newOvershootInterpolator(); /**Calledwhentheactivityisfirstcreated.*/ @Override publicvoidonCreate(BundlesavedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.main); /** *这个地方写下,大家尽量不要在onCreate方法中写太多的操作, *如果涉及到很多配置问题时有些属性设置必须在onCreate()方法中 *写,比如:全屏、横竖屏必须在setContentView()前面写, *如果在onCreate()方法中写太多东西的,一句话:太乱!! **/ init(); } /** *初始化实现 */ privatevoidinit(){ /**资源定位,添加监听*/ startNext=(Button)findViewById(R.id.startNext); startNext.setOnClickListener(this); firstPage=(ListView)findViewById(R.id.firstPage); secondPage=(ListView)findViewById(R.id.secondPage); ArrayAdapter<String>firstAdapter=newArrayAdapter<String> (this,android.R.layout.simple_list_item_1,firstItem); ArrayAdapter<String>secondAdapter=newArrayAdapter<String> (this,android.R.layout.simple_list_item_1,secondItem); firstPage.setAdapter(firstAdapter); secondPage.setAdapter(secondAdapter); } @Override publicvoidonClick(Viewv){ changePage(); } /* *实现列表页面切换 */ privatevoidchangePage(){ finalListViewvisiable; finalListViewinvisiable; if(firstPage.getVisibility()==View.GONE){ visiable=secondPage; invisiable=firstPage; }else{ visiable=firstPage; invisiable=secondPage; } /* *这个地方大家可能看到了ObjectAnimator这个类,一开始我也不知道是什么东西,很简单,查官方文档, *官方文档中的解释一堆英文,我一直说的,我英文烂的要死,但不怕,只要你想,就肯定可以查出来的,大家 *只看一句:该类是ValueAnimator的子类,可以根据给定的属性名称给目标对象设置动画参数 */ //效果一(此处效果顺序与效果图一一对应) /*finalObjectAnimatorinvisToVis=ObjectAnimator.ofFloat(invisiable,"rotationX",-90f,0f); ObjectAnimatorvisToInvis=ObjectAnimator.ofFloat(visiable,"rotationX",0f,90f);*/ //效果二 finalObjectAnimatorinvisToVis=ObjectAnimator.ofFloat(invisiable,"rotationY",-90f,0f); ObjectAnimatorvisToInvis=ObjectAnimator.ofFloat(visiable,"rotationY",0f,90f); //效果三(这个地方的alpha属性值大家只记一点:值越大越不透明就可以了!!!) /*finalObjectAnimatorinvisToVis=ObjectAnimator.ofFloat(invisiable,"alpha",0.0f,1.0f); ObjectAnimatorvisToInvis=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(newAnimatorListenerAdapter(){ @Override publicvoidonAnimationEnd(Animatoranim){ /* *列举几个动画的监听: *一:anim.isRunning(){//TODO} *二:anim.isStarted(){//TODO} *三:anim.end(){//TODO} */ visiable.setVisibility(View.GONE); invisToVis.start(); invisiable.setVisibility(View.VISIBLE); } }); visToInvis.start(); } } 最后,小马在这些说下,文章标题中说是分页动画,其实这些动画并不仅仅局限于分页上面的,如果大家把插值器、动画用灵活一点的话,也可以做出很个性的带有很多动画的应用的,再加上Activity之间的动画与以上这些结合的话就更完美了,Activity之间的动画大家可以参照我之前写的这篇文章:http://mzh3344258.blog.51cto.com/1823534/807337希望对大家有所帮助,加油,努力就有收获 ,如若文章中有错误或不足,诚请大家批评指出,小马一定及时改正!谢谢...O_O 附件:http://down.51cto.com/data/2360710 本文转自华华世界 51CTO博客,原文链接:http://blog.51cto.com/mzh3344258/886522,如需转载请自行联系原作者