多点触摸

最新推荐文章于 2022-11-12 11:05:27 发布

黑菜妞妞

最新推荐文章于 2022-11-12 11:05:27 发布

阅读量799

点赞数

分类专栏： Android 文章标签： action float android velocity up class

Android 专栏收录该内容

127 篇文章 0 订阅

订阅专栏

其实多点触摸并没有想象中的那么神奇。处理2个手指一般就已经够用，放上3个手指显得有点滑稽，依赖更多手指进行操作绝对不是一个好的主意。

理论上 Android可以处理多达256 个手指的触摸，大概只有章鱼哥能享受这种技术带来的便利。就编程人员来说，编写多点触摸和单点触摸的方式几乎一模一样。其奥秘在于MotionEvent不仅可以封装单点触摸的消息，也可以封装多点触摸的消息。

在处理单点触摸中，我们用到MotionEvent.ACTION_DOWN、ACTION_UP、ACTION_MOVE，然后用一个Switch来分别进行处理。翻开Android文档，我们就可以清楚的知道他们都是一些常量。

ACTION_DOWN 0x00000000 ACTION_UP 0x00000001 ACTION_MOVE 0x00000002

细心看看文档发现还有一些别的常量：

ACTION_POINTER_1_DOWN 0x00000005 ACTION_POINTER_1_UP 0x00000006

ACTION_POINTER_2_DOWN 0x00000105 ACTION_POINTER_2_UP 0x00000106

ACTION_POINTER_3_DOWN 0x00000205 ACTION_POINTER_3_UP 0x00000206

这些常量正是我们用来处理多点触摸的工具。

public class MultiTouchActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
    @Override
    public boolean onTouchEvent(MotionEvent event){
        int action = event.getAction();
        switch(action){
        case MotionEvent.ACTION_POINTER_1_DOWN:
            showMessage("第一个手指按下");
            break;
        case MotionEvent.ACTION_POINTER_1_UP:
            showMessage("第一个手指抬起");
            break;
        case MotionEvent.ACTION_POINTER_2_DOWN:
            showMessage("第二个手指按下");
            break;
        case MotionEvent.ACTION_POINTER_2_UP:
            showMessage("第二个手指抬起");
            break;
        case MotionEvent.ACTION_POINTER_3_DOWN:
            showMessage("第三个手指按下");
            break;
        case MotionEvent.ACTION_POINTER_3_UP:
            showMessage("第三个手指抬起");
            break;
        }
        return true;
    }
    private void showMessage(String s){
        Toast toast = Toast.makeText(getApplicationContext(), s, Toast.LENGTH_SHORT);
        toast.show();
    }
}

上面的代码和我们处理单点触摸的方式一模一样。借助这个小小的例子，我们看看Android产生多点消息的机制。

情况一：手指1 按下没有出现提示；手指1 抬起也没有出现提示；

这是很显然的，因为这时产生的消息是ACTION_DOWN 和 ACTION_UP。

情况二：手指1按下没有提示；

手指2按下出现手指2按下的提示；手指2抬起出现手指2抬起的提示。

情况三：手指1 按下没有提示；

手指2 按下出现提示；

这时手指1 提起出现手指1提起的提示；手指1按下出现手指1按下的提示；

情况四：大家可以放三个手指去尝试下，看看Android 是怎样产生这些消息的。

根据我们实验的结果，可以得到一句话：当屏幕上有一个手指时可以完美的产生2点触摸的消息。当屏幕上有2个手指时可以完美的产生3点触摸消息，以此类推……。所谓的完美就是指你能正确的得到到底是那个手指进行了操作。

这只是一个小小的深入，我们查看文档时，并没有发现ACTION_POINTER_2_MOVE这样的常量。当第二个手指移动时，我们怎么处理这种事件呢？其实，这样的事件常量都是有规律的单点触摸时DOWN 的最后两位是00，UP是01，MOVE是02.多点触摸时，DOWN是05，UP是06，你可以猜猜MOVE会不会是07呢？再者，POINTER_1 的34位是00，POINTER_2的34位是01，POINTER_3是02。我们几乎可以肯定的说所谓的ACTION_POINTER_2_MOVE就是0x00000107了。

public class Pointer2DrawActivity extends Activity {
    /** Called when the activity is first created. */
    ImageView imgView;
    Bitmap bitmap;
    Canvas canvas;
    Paint paint;
    private static final int ACTION_POINTER_2_MOVE = 0x00000107;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        imgView = (ImageView)findViewById(R.id.imgView);
        Display currentDisplay = getWindowManager().getDefaultDisplay();
        float dw = currentDisplay.getWidth();
        float dh = currentDisplay.getHeight();
        bitmap = Bitmap.createBitmap((int)dw, (int)dh, Config.ARGB_8888);
        canvas = new Canvas(bitmap);
        paint = new Paint();
        paint.setColor(Color.GREEN);
        imgView.setImageBitmap(bitmap);
    }
    @Override
    public boolean onTouchEvent(MotionEvent event){
        int action = event.getAction();
        float x = 0;
        float y = 0;
        if(action == ACTION_POINTER_2_MOVE){
            x = event.getX();
            y = event.getY();
            canvas.drawPoint(x, y, paint);
            imgView.invalidate();
        }
        return true;
    }
}

这个神奇的Pointer2Draw想要你的第二个手指绘制一些点。一个手指是什么也绘制不了的…

前面写了一个Pointer2Draw的小程序。这个程序的神奇之处在于，你永远也别想绘制出任何东西。原因是根本没有所谓的0x00000107。下面看看如何正确的处理多点触摸，光靠event.getAction()吃饭的时代已经终结了……

(1)获得屏幕上的Pointer的数目：

int pointerCount = event.getPointerCount();

这个函数具体返回值受到物理设备的限制，我费了很大力气将十个手指放到了我的手机上，得到的结果仍然是8。

(2)得到手指的ID：Android提供了两个掩码方便我们操作ACTION_POINTER_ID_MASK 0x0000ff00,和ACTION_POINTER_ID_SHIFT 0x00000008。

if(pointerCount>1){
    pointerId = (action & MotionEvent.ACTION_POINTER_ID_MASK)>>>
                            MotionEvent.ACTION_POINTER_ID_SHIFT;
}

(3)利用ID获得坐标信息：

float x = event.getX(pointerId);//获得第二个手指的坐标
float y = event.getY(pointerId);

下面终于可以让Pointer2Draw运行起来了。

public boolean onTouchEvent(MotionEvent event){
    int pointerCount = event.getPointerCount();
    int pointerId = 0;
    int action = event.getAction();
    if(pointerCount>1){
        pointerId = (action & MotionEvent.ACTION_POINTER_ID_MASK)>>>
                                MotionEvent.ACTION_POINTER_ID_SHIFT;
    }
    float x = 0;
    float y = 0;
    if(pointerId == 1){
        x = event.getX(pointerId);
        y = event.getY(pointerId);
        canvas.drawPoint(x, y, paint);
        imgView.invalidate();
    }
    return true;
}

注意手指的ID是从0开始的，所以第二个手指的ID是1；然而遗憾的是程序只有在第二个手指DOWN和UP时才绘制。当第一个手指不动时，根本没有有效的方法对第二个手指的移动做出反应。然而触摸屏是很敏感的，你发现很难让它不产生ACTION_MOVE。我们利用Android提供的ACTION_MASK 0x000000ff来改善我们的代码：

public class Pointer2DrawActivity extends Activity implements OnTouchListener{
    /** Called when the activity is first created. */
    ImageView imgView;
    Bitmap bitmap;
    Canvas canvas;
    Paint paint;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        imgView = (ImageView)findViewById(R.id.imgView);
        Display currentDisplay = getWindowManager().getDefaultDisplay();
        float dw = currentDisplay.getWidth();
        float dh = currentDisplay.getHeight();
        bitmap = Bitmap.createBitmap((int)dw, (int)dh, Config.ARGB_8888);
        canvas = new Canvas(bitmap);
        paint = new Paint();
        paint.setColor(Color.GREEN);
        paint.setStrokeWidth((float) 10.00);//设置笔刷大小，自己的屏幕太犀利了
        imgView.setImageBitmap(bitmap);
        imgView.setOnTouchListener(this);
    }
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        int pointerCount = event.getPointerCount();
        int pointerId = 0;
        int action = （event.getAction()&MotionEvent.ACTION_MASK） % 5;//统一单点和多点
        switch(action){
        case MotionEvent.ACTION_DOWN:
            if(pointerCount>1){
                pointerId = (event.getAction()&MotionEvent.ACTION_POINTER_ID_MASK)>>>
                            MotionEvent.ACTION_POINTER_ID_SHIFT;
            }
            break;
        case MotionEvent.ACTION_MOVE:
            if(pointerCount == 2){
                float x = event.getX(1);
                float y = event.getY(1);
                canvas.drawPoint((int)x, (int)y, paint);
                imgView.invalidate();
            }
            break;
        case MotionEvent.ACTION_UP:
            break;
        }

        return true;

    }
}

public class Pointer2DrawActivity extends Activity implements OnTouchListener{
    /** Called when the activity is first created. */
    ImageView imgView;
    Bitmap bitmap;
    Canvas canvas;
    Paint paint;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        imgView = (ImageView)findViewById(R.id.imgView);
        Display currentDisplay = getWindowManager().getDefaultDisplay();
        float dw = currentDisplay.getWidth();
        float dh = currentDisplay.getHeight();
        bitmap = Bitmap.createBitmap((int)dw, (int)dh, Config.ARGB_8888);
        canvas = new Canvas(bitmap);
        paint = new Paint();
        paint.setColor(Color.GREEN);
        paint.setStrokeWidth((float) 10.00);//设置笔刷大小，自己的屏幕太犀利了
        imgView.setImageBitmap(bitmap);
        imgView.setOnTouchListener(this);
    }
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        int pointerCount = event.getPointerCount();
        int pointerId = 0;
        int action = （event.getAction()&MotionEvent.ACTION_MASK） % 5;//统一单点和多点
        switch(action){
        case MotionEvent.ACTION_DOWN:
            if(pointerCount>1){
                pointerId = (event.getAction()&MotionEvent.ACTION_POINTER_ID_MASK)>>>
                            MotionEvent.ACTION_POINTER_ID_SHIFT;
            }
            break;
        case MotionEvent.ACTION_MOVE:
            if(pointerCount == 2){
                float x = event.getX(1);
                float y = event.getY(1);
                canvas.drawPoint((int)x, (int)y, paint);
                imgView.invalidate();
            }
            break;
        case MotionEvent.ACTION_UP:
            break;
        }

        return true;

    }
}
好了，Pointer2Draw终于按照想要的方式运行了。

在进入手势操作前，先来看看一些处理触摸时遗漏了的要点--VelocityTracker。顾名思义，VelocityTracker就是速度跟踪的意思。我们可以获得触摸点的坐标，根据按下的时间可以简单的计算出速度的大小。但是这样会令我们的代码混乱。Android直接提供了一种方式来方便我们获得触摸的速度

public class VelocityTrackerActivityActivity extends Activity {
    /** Called when the activity is first created. */
    TextView textView;
    private VelocityTracker vTracker = null;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        textView = (TextView)findViewById(R.id.textView);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event){
        int action = event.getAction();
        switch(action){
        case MotionEvent.ACTION_DOWN:
            if(vTracker == null){
                vTracker = VelocityTracker.obtain();
            }else{
                vTracker.clear();
            }
            vTracker.addMovement(event);
            break;
        case MotionEvent.ACTION_MOVE:
            vTracker.addMovement(event);
            vTracker.computeCurrentVelocity(1000);
            textView.setText("the x velocity is "+vTracker.getXVelocity());
            textView.append("the y velocity is "+vTracker.getYVelocity());
            break;
        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_CANCEL:
            vTracker.recycle();
            break;
        }
        event.recycle();
        return true;
    }
}
VelocityTracker不仅可以处理单点的速度，也可以获得多点的速度。这和处理多点触摸的方式是一样的，传入一个ID就可以了。VelocityTracker获得的速度是有正负之分，computerCurrentVelocity（）可以设置单位。1000 表示每秒多少像素（pix/second),1代表每微秒多少像素（pix/millisecond)。

黑菜妞妞

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
多点触摸

其实多点触摸并没有想象中的那么神奇。处理2个手指一般就已经够用，放上3个手指显得有点滑稽，依赖更多手指进行操作绝对不是一个好的主意。理论上 Android可以处理多达256 个手指的触摸，大概只有章鱼哥能享受这种技术带来的便利。就编程人员来说，编写多点触摸和单点触摸的方式
复制链接

扫一扫