速度追踪--VelocityTracker

概述

我们都知道安卓手机的事件分为两类，一类是按键事件，另一类就是屏幕滑动事件，而我们大部分的事件都是通过屏幕滑动来产生的。在滑动的过程中你有没有想过要求一下手指在屏幕上滑动的速度呢！我们可以在滑动事件产生的时候去获取到滑动的事件，然后建立一个算法去计算手指的滑动速度，这显得有点复杂，需要数学功底，还有多线程，以及时间的控制。今天我们将为大家介绍一种简单的实现方法—-速度跟踪（VelocityTracker）

关键代码：
由于VelocityTracker的构造方法是private的，因此我们只能使用obain()去获得一个实例

VelocityTracker mVelocityTracker = VelocityTracker.obtain();

然后为mVelocityTracker传入MotionEvent事件

mVelocityTracker.addMovement(event);

接着我们要设置我们获取的速度是从哪个时间到现在的，如果设置为1000就是1秒前到现在，手指的平均滑动速度，得到的值是以像素计的，单位pix/s

mVelocityTracker.computeCurrentVelocity(1000);

最后我们就可以获取我们设置的这段时间内最新的平均速度了

float vx = mVelocityTracker.getXVelocity();
float vy = mVelocityTracker.getYVelocity();

源码实现：
我们要写一个Activity去显示View
VelocityTrackerActivity.java

package com.fht.ada.view;

import com.fht.ada.R;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.TextView;

public class VelocityTrackerActivity extends Activity {
    private static final String TAG="VelocityTracker";
    private TextView mShowVelocity;
    private CustomView mCustomView;
    private VelocityTracker mVelocityTracker;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.activity_velocity_tracker);
        mShowVelocity = (TextView) this.findViewById(R.id.show_velocity);
        mCustomView = (CustomView) this.findViewById(R.id.custom_view);
        mVelocityTracker = VelocityTracker.obtain();

        mCustomView.setOnTouchListener(new OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                //计算速度
                mVelocityTracker.addMovement(event);
                mVelocityTracker.computeCurrentVelocity(1000);
                float vx = mVelocityTracker.getXVelocity();
                float vy = mVelocityTracker.getYVelocity();
                Log.i(TAG, vx+"   "+vy);
                mShowVelocity.setText("vx : "+vx+"\nvy : "+vy);
                //存储数据，让CustomView进行绘制
                mCustomView.data.add(event.getX());
                mCustomView.data.add(event.getY());
                if (mCustomView.data.size() > 100) {
                    mCustomView.data.remove(0);
                    mCustomView.data.remove(0);
                }
                mCustomView.invalidate();
                return true;
            }
        });
    }
}

Activity的布局
activity_velocity_tracker.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/show_velocity"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <com.fht.ada.view.CustomView
        android:id="@+id/custom_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

LinearLayout>

自定义一个View，它用来绘制出我们我们的手指在屏幕上面运动的轨迹
CustomView.java

package com.fht.ada.view;

import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;

/**
 * 使用VelocityTracker计算手指滑动速度，并且绘制运动轨迹
 * 
 * @author Fht
 *
 */
public class CustomView extends View {
    private static final String TAG = "VelocityTracker";
    public List data = new ArrayList();
    Paint mPaint = new Paint();

    public CustomView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public CustomView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mPaint.setColor(0xffed1941);
        mPaint.setTextSize(10);
    }

    public CustomView(Context context) {
        super(context);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        Log.i(TAG, "onDraw(Canvas canvas");
        float pts[] = new float[data.size()];
        for (int i = 0; i < pts.length; i++) {
            pts[i] = data.get(i);
        }
        canvas.drawLines(pts, mPaint);
    }

}

至此，我们的代码就写完了

源码下载