Android模仿iPhone ListView旋转刷新数据动画详解

简介:

http://mzh3344258.blog.51cto.com/1823534/886522

该效果类似于iPhone中View的切换动画效果,今天就只介绍上面展示的效果,如果大家要看到更多更好玩的Activity之间切换的效果的话,可以看下小马这篇文章:http://mzh3344258.blog.51cto.com/1823534/807337涉及到插值器与多种动画效果的实现,看完会对Activity之间的动画有个更全的认识,文中不足之处,大家批评指出,共同改进,先谢谢啦,废话不多说,先上效果,再看代码!!!

  1. 效果一:

  2. 效果二:

  3. 效果三:

  4. 效果四:(小马犯错的效果):

  5. 效果五(回旋效果):

  6. 效果六(回旋效果):

     好啦,效果看完了,就来看下上面效果实现的具体代码吧, 中间小马会把我自己试验的、犯的错误都以注释的形式写下来的大家使用的时候别出错就行了!

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之间的动画大家可以参照我之前写的这篇文章: http://mzh3344258.blog.51cto.com/1823534/807337 希望对大家有所帮助,
相关文章
|
1月前
|
开发框架 前端开发 Android开发
Flutter 与原生模块(Android 和 iOS)之间的通信机制,包括方法调用、事件传递等,分析了通信的必要性、主要方式、数据传递、性能优化及错误处理,并通过实际案例展示了其应用效果,展望了未来的发展趋势
本文深入探讨了 Flutter 与原生模块(Android 和 iOS)之间的通信机制,包括方法调用、事件传递等,分析了通信的必要性、主要方式、数据传递、性能优化及错误处理,并通过实际案例展示了其应用效果,展望了未来的发展趋势。这对于实现高效的跨平台移动应用开发具有重要指导意义。
166 4
|
4月前
|
开发工具 Android开发 开发者
Android平台如何不推RTMP|不发布RTSP流|不实时录像|不回传GB28181数据时实时快照?
本文介绍了一种在Android平台上实现实时截图快照的方法,尤其适用于无需依赖系统接口的情况,如在RTMP推送、RTSP服务或GB28181设备接入等场景下进行截图。通过底层模块(libSmartPublisher.so)实现了截图功能,封装了`SnapShotImpl.java`类来管理截图流程。此外,提供了关键代码片段展示初始化SDK实例、执行截图、以及在Activity销毁时释放资源的过程。此方案还考虑到了快照数据的灵活处理需求,符合GB/T28181-2022的技术规范。对于寻求更灵活快照机制的开发者来说,这是一个值得参考的设计思路。
|
2月前
|
存储 大数据 数据库
Android经典面试题之Intent传递数据大小为什么限制是1M?
在 Android 中,使用 Intent 传递数据时存在约 1MB 的大小限制,这是由于 Binder 机制的事务缓冲区限制、Intent 的设计初衷以及内存消耗和性能问题所致。推荐使用文件存储、SharedPreferences、数据库存储或 ContentProvider 等方式传递大数据。
100 0
|
4月前
|
JSON Java Android开发
Android 开发者必备秘籍:轻松攻克 JSON 格式数据解析难题,让你的应用更出色!
【8月更文挑战第18天】在Android开发中,解析JSON数据至关重要。JSON以其简洁和易读成为首选的数据交换格式。开发者可通过多种途径解析JSON,如使用内置的`JSONObject`和`JSONArray`类直接操作数据,或借助Google提供的Gson库将JSON自动映射为Java对象。无论哪种方法,正确解析JSON都是实现高效应用的关键,能帮助开发者处理网络请求返回的数据,并将其展示给用户,从而提升应用的功能性和用户体验。
115 1
|
4月前
|
编解码 网络协议 前端开发
如何实现Android平台GB28181设备接入模块按需打开摄像头并回传数据
后台采集摄像头,如果想再进一步扩展,可以把android平台gb28181的camera2 demo,都移植过来,实现功能更强大的国标设备侧,这里主要是展示,收到国标平台侧的回传请求后,才打开摄像头,才开始编码打包,最大限度的减少资源的占用
|
4月前
|
编解码 网络协议 Android开发
Android平台GB28181设备接入模块实现后台service按需回传摄像头数据到国标平台侧
我们在做Android平台GB28181设备对接模块的时候,遇到这样的技术需求,开发者希望能以后台服务的形式运行程序,国标平台侧没有视频回传请求的时候,仅保持信令链接,有发起视频回传请求或语音广播时,打开摄像头,并实时回传音视频数据或接收处理国标平台侧发过来的语音广播数据。
|
4月前
|
存储 缓存 Java
Android项目架构设计问题之优化业务接口数据的加载效率如何解决
Android项目架构设计问题之优化业务接口数据的加载效率如何解决
53 0
|
1月前
|
编解码 测试技术 iOS开发
iPhone 屏幕尺寸和开发适配
【10月更文挑战第23天】iPhone 的屏幕尺寸变化给开发者带来了一定的挑战,但也为创新提供了机遇。通过深入了解不同屏幕尺寸的特点,遵循适配原则和策略,运用合适的技巧和方法,我们能够为用户提供在不同 iPhone 机型上都具有良好体验的应用。在未来,随着技术的不断进步,我们还需要持续学习和适应,以满足用户对优质应用体验的不断追求。
|
1月前
|
编解码 iOS开发 UED
响应式设计在 iPhone 开发适配中的具体应用
【10月更文挑战第23天】响应式设计在 iPhone 开发适配中扮演着至关重要的角色,它能够帮助我们打造出适应不同屏幕尺寸和用户需求的高质量应用。通过合理运用响应式设计的原则和方法,我们可以在提供良好用户体验的同时,提高开发效率和应用的可维护性。
|
4月前
|
数据采集 iOS开发 Python
Chatgpt教你开发iPhone风格计算器,Python代码实现
Chatgpt教你开发iPhone风格计算器,Python代码实现