Android上实现仿IOS弹性ScrollView

最新推荐文章于 2024-04-14 01:40:16 发布

Mic.Liu

最新推荐文章于 2024-04-14 01:40:16 发布

阅读量716

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/anan890624/article/details/39722541

版权

本文介绍了如何在Android上实现仿IOS的弹性ScrollView，通过移动唯一子View的布局来实现弹性效果。关键点包括判断拉伸时机、布局移动及回弹。文章提供了相关代码并讨论了其他实现方式。

摘要由CSDN通过智能技术生成

IOS的UI和用户体验是它的优势，与IOS相比， Android的UI和用户体验可能要差一些。虽然Android版本已经到了4.4，对系统的各个方法进行了大量实质性的优化，但他的显示效果和交互体验依然不及IOS。例如IOS上的很多控件都是带弹性的, 也就是拖拽一个控件到了该控件的边界，但是控件依然可以随着手指的移动而移动一段距离。这样的话，给用户的感觉就不那么生硬，能在一定程度上提升用户体验。现在有很多Android App都采用了这中弹性控件，例如最常见的QQ，多个界面都采用了弹性ScrollView。我不知道腾讯是如何实现的，在本文中我会给出自己的实现方式。

我之前的文章 Android上实现仿IOS弹性ListView ，在Android上实现了弹性的ListView，主要的实现原理是为该ListView增加一个初始高度为0的HeaderView，如果滚动到第一个条目的位置，用户依然向下拖拽，那么就增加HeaderView的高度，实现拉伸效果，当用户松开手指，就将HeaderView的高度组件递减到0，实现回弹效果。感兴趣的同学可以看一下实现细节，文章的链接已经在上面给出。

弹性ScrollView的实现

本文讨论弹性ScrollView的实现。弹性ScrollView实现原理和ListView不同，因为ScrollView只能有一个子View，不能为他添加额外的HeaderView。弹性ScrollView的实现原理是移动这个唯一的子View的布局。下面首先给出所有的实现代码，再对实现中的几个关键点进行说明。（实现原理比较简单，代码逻辑也不是很复杂，代码比较少）

 
        import 
         android.content.Context; 
       
        import 
         android.graphics.Rect; 
       
        import 
         android.util.AttributeSet; 
       
        import 
         android.view.MotionEvent; 
       
        import 
         android.view.View; 
       
        import 
         android.view.animation.TranslateAnimation; 
       
        import 
         android.widget.ScrollView; 
       
        /** 
       
        * 有弹性的ScrollView 
       
        * 实现下拉弹回和上拉弹回 
       
        * @author zhangjg 
       
        * @date Feb 13, 2014 6:11:33 PM 
       
        */ 
       
        public 
         class 
         ReboundScrollView  
        extends 
         ScrollView {
          
        private 
         static 
         final 
         String TAG =  
        "ElasticScrollView" 
        ; 
       
        //移动因子, 是一个百分比, 比如手指移动了100px, 那么View就只移动50px 
       
        //目的是达到一个延迟的效果 
       
        private 
         static 
         final 
         float 
         MOVE_FACTOR =  
        0 
        .5f; 
       
        //松开手指后, 界面回到正常位置需要的动画时间 
       
        private