用VelocityTracker和Animation实现平滑滚动

来源：互联网发布：登录不了淘宝网编辑：程序博客网时间：2024/05/21 06:54

用VelocityTracker和Animation实现平滑滚动

本文采用VelocityTracker和Animation实现自定义View的平滑滚动，（注：是view内容的滚动，而不是view控件的滚动）
文中的测试代码请前往Github 用VelocityTracker和Animation实现平滑滚动

VelocityTracker简介

VelocityTracker即速度跟踪，android.view.VelocityTracker主要用与跟踪触摸屏滑动的速率。

static public VelocityTracker obtain(); //获取一个VelocityTracker对象

public void recycle(); //用完回收

addMovement(MotionEvent) //函数将Motion event加入到VelocityTracker类实例中

public void computeCurrentVelocity(int units, float maxVelocity); //计算当前速度, 其中units是单位, 1代表px/毫秒, 1000代表px/秒

public float getXVelocity(); //获取横向速度，速度值有正负，负值表示相反方向

public float getYVelocity(); //获取纵向速度

Animation介绍

这里主要用动画的时间插值Interpolator

Interpolator用于动画中的时间插值，其作用就是把0到1的浮点值变化映射到另一个浮点值变化。

简单的插值器有

AccelerateInterpolator 加速插值器
DecelerateInterpolator 减速插值器
AccelerateDecelerateInterpolator 加速减速插值器
LinearInterpolator 线性插值器

实例

/** * 每次点击的x坐标 */private float mDownX;/** * actionmove滑动的距离 */private float mMoveDist;/** * 速度追踪 */private VelocityTracker mVelocityTracker;/** * 滑动的动画 */private Animation mAnimation;@Overridepublic boolean onTouchEvent(MotionEvent event) {    float curX = event.getX();    switch (event.getAction()) {        case MotionEvent.ACTION_DOWN:            stopScroll();       //停止滑动            mDownX = event.getX();            mMoveDist = curX;            //取得velocityTracker实例            if (mVelocityTracker == null) {                mVelocityTracker = VelocityTracker.obtain();            } else {                mVelocityTracker.clear();            }            mVelocityTracker.addMovement(event);            break;        case MotionEvent.ACTION_UP:            mMoveDist = curX - mMoveDist;            if (Math.abs(mMoveDist) < ViewConfiguration.get(mContext).getScaledTouchSlop()) {//过滤点击不小心滑动                //如果是点击操作                //do something            } else {                //手势滑动之后继续滚动                sliding();            }            break;        case MotionEvent.ACTION_MOVE:            mVelocityTracker.addMovement(event);            mVelocityTracker.computeCurrentVelocity(10, MAX_SPEED);//计算速度            final float dx = curX - mDownX;            mDownX = curX;            break;        default:            break;    }    return true;}/** * 滑动操作后的惯性滑动。 * 利用animation实现 */private void sliding() {    if (mAnimation == null) {        mAnimation = new Animation() {            @Override            protected void applyTransformation(float interpolatedTime, Transformation t) {                float speed = mVelocityTracker.getXVelocity();                //interpolatedTime是当前的时间插值， 从0-1减速变化                //所以(1 - interpolatedTime)就是从1-0减速变化，                 //而(1 - interpolatedTime) * speed就是将当前速度乘以插值，速度也会跟着从speed-0减速变化，                //将(1 - interpolatedTime) * speed)用于重绘，就可以实现平滑的滚动                Log.d("sliding", "cur speed = " + String.valueOf((1 - interpolatedTime) * speed));            }        };        mAnimation.setInterpolator(new DecelerateInterpolator());//设置一个减速插值器    }    stopScroll();    mAnimation.setDuration(2000);    startAnimation(mAnimation);}/** * 停止滑动 */private void stopScroll() {    if (mAnimation != null && !mAnimation.hasEnded()) {        mAnimation.cancel();        clearAnimation();    }}@Overrideprotected void onDetachedFromWindow() {    super.onDetachedFromWindow();    if (mVelocityTracker != null) {//要记得回收        mVelocityTracker.clear();        mVelocityTracker.recycle();        mVelocityTracker = null;    }}

0 0