最近一直想做下拉刷新的效果,琢磨了好久,才走到通过onTouch方法把整个视图往下拉的步骤,接下来就是能拉下来,松开手要能滑回去啊。网上看了好久,没有找到详细的下拉刷新的例子,只有自己慢慢琢磨了。昨天和今天,研究了两天,下拉之后回滚回去的效果终于今天做出来了!开心。现在来分享下我的实现方法和一些心得体会吧。
我看了网上一个大神的例子,发现是在onTouch里面使用View的scrollTo(int,

int)方法,来使整个视图往下滚动的,我尝试了使用setTranslationY()来对视图进行回滚,第一次是没问题的,但多滚动几次之后,整个视图实际上已经到了非常“高”的地方了,要拉很长的距离才能看到内容。所以回滚也必须使用scrollTo(int,
int)方法来操作。
但scrollTo(int, int)执行是瞬间的,方法名讲是滚动到,实际上就是“瞬移到”某个位置,因此需要一步一步的去瞬移它,让它看上去是滚过去的……

因为等下要去跑步了,还有就是也没有什么很多的要点需要讲解,我就直接上代码给大家看,注释都写好了,要点会单独提一下,更详细的讲解与心得就等着我哪天把下拉刷新实现了吧。

复制代码 代码如下:
/**
     * @desc    平滑滚动
     * @param    v        需要操控的视图
     * @param    fromY    起始Y坐标
     * @param    toY        终止Y坐标
     * @param    fps        帧率
     * @param    durtion    动画完成时间(毫秒)   
     * */
    private void smoothScroll(View v, int fromY, int toY, int fps, long durtion) { 
        smoothScrollThread = new SmoothScrollThread(v, fromY, toY, durtion, fps);
        smoothScrollThread.run();
    }

/**
     * @desc    平滑滚动线程,用于递归调用自己来实现某个视图的平滑滚动
     * */
    class SmoothScrollThread implements Runnable {   
        //需要操控的视图
        private View v = null;     
        //原Y坐标
        private int fromY = 0; 
        //目标Y坐标
        private int toY = 0;     
        //动画执行时间(毫秒)
        private long durtion = 0;     
        //帧率
        private int fps = 60;      
        //间隔时间(毫秒),间隔时间 = 1000 / 帧率
        private int interval = 0;  
        //启动时间,-1 表示尚未启动
        private long startTime = -1;
        /减速插值器
        private DecelerateInterpolator decelerateInterpolator = null;

/**
         * @desc    构造方法,做好第一次配置
         * */
        public SmoothScrollThread(View v, int fromY, int toY, long durtion, int fps) {
            this.v = v;
            this.fromY = fromY;
            this.toY = toY;
            this.durtion = durtion;
            this.fps = fps;
            this.interval = 1000 / this.fps;      
            decelerateInterpolator = new DecelerateInterpolator();
        }
        @Override
        public void run() {
            //先判断是否是第一次启动,是第一次启动就记录下启动的时间戳,该值仅此一次赋值
            if (startTime == -1) {
                startTime = System.currentTimeMillis();
            }         
            //得到当前这个瞬间的时间戳
            long currentTime = System.currentTimeMillis();     
            //放大倍数,为了扩大除法计算的浮点精度
            int enlargement = 1000;         
            //算出当前这个瞬间运行到整个动画时间的百分之多少
            float rate = (currentTime - startTime) * enlargement / durtion;          
            //这个比率不可能在 0 - 1 之间,放大了之后即是 0 - 1000 之间
            rate = Math.min(rate, 1000);          
            //将动画的进度通过插值器得出响应的比率,乘以起始与目标坐标得出当前这个瞬间,视图应该滚动的距离。
           
int changeDistance = (int) ((fromY - toY) *
decelerateInterpolator.getInterpolation(rate / enlargement));           

            int currentY = fromY - changeDistance;          
            v.scrollTo(0, currentY);           
            if (currentY != toY) {
                postDelayed(this, this.interval);
            } else {
                return;
            }
        }  
        public void stop() {
            removeCallbacks(this);
        }
    }

一些要点:

1.使用线程的目的是可以递归的调用自己,在每个run()方法里只滚动一点点,这个一点点根据帧率和插值器来决定。

2.插值器实际上就是一个函数(数学里的函数),输入0-1之间的浮点数,输出0-1之间的浮点数,输出的曲线是什么样的,就看是什么插值器了,decelerate就是减速插值器了,在平面直角坐标系里面,x值均匀变化,y轴的变化越来越慢。

3.放大倍数(就是那里乘以1000)是为了提高精度,因为通过实践发现用已经过的毫秒数除以整个动画周期得出的结果是0.0 -> 0.0
-> 0.0 -> 0.0 -> 1.0 -> 1.0 -> 1.0 -> 1.0 -> 1.0
-> 2.0 -> 2.0 ->
2.0,虽然是浮点数,但精度却莫名的保持在个位数上,乘以1000后,便会出现0-1000的均匀变化,这个时候去除以1000,便可得到0.000 -
1.000之间的均匀变化的数。

4.还有个很奇葩的是MotionEvent.getY()的值和scrollTo(int,int)的值貌似不是在同一个坐标系里面的。这个还有待进一步的分析和研究啊。

最新文章

  1. 案例1.通过Jquery来处理复选框
  2. ORA-00257 archiver error 处理思路
  3. 使用 CSS3 实现超炫的 Loading(加载)动画效果
  4. Wix 安装部署教程(十三) -- 多语言安装包
  5. POJ3233 Matrix Power Series
  6. jQuery选择器之内容过滤选择器Demo
  7. 关于put 上传图片的解决方式
  8. redis安装与使用
  9. Gradient Descent 和 Stochastic Gradient Descent(随机梯度下降法)
  10. GlusterFS源代码解析 —— GlusterFS 简单介绍
  11. elasticsearch中国字(mmseg)——手动添加字典
  12. knockoutjs data-bind 声明式绑定整理
  13. JSX有感
  14. web端设计和web前端开发 的区别
  15. BZOJ4182 Shopping(点分治+树形dp)
  16. learning at command AT+CSQ
  17. springMVC学习 六 跳转方式
  18. C#操作MongoDB入门
  19. PyQt的图片资源的路径问题。
  20. CSS精灵技术

热门文章

  1. jQuery实现Ajax
  2. python动态添加属性和方法
  3. BZOJ 2725: [Violet 6]故乡的梦
  4. luogu3760 [TJOI2017]异或和
  5. CSS 如何让 height:100%; 起作用
  6. Wp检查手机网络状态
  7. 四、harbor实践之初识harbor
  8. SPOJ - ADALIST,双端队列入门模板!
  9. Python升级版本2.6到2.7
  10. 【BZOJ3991】寻宝游戏(虚树,DFS序,splay)