Android学习之多触点滑动

知识点：

1、对矩阵：Matrix类熟悉，链接：https://blog.csdn.net/jdsjlzx/article/details/52741445

2、MotionEvent详解：https://blog.csdn.net/vansbelove/article/details/78416791

3、定位一个点使用：new PointF()；

　　getX()、getY()：获取点相对于左上角的相对坐标

4、顺序：创建矩阵锁定位置--->创建常量记录触点动作--->创建点--->计算点间距、两点中心的位置

重点：1、计算两点之间的距离计算

　　    2、计算两点间中间点的位置

代码如下：

1、MainActivity.java源码：

package com.example.moremovetest;

import android.app.Activity;
import android.app.usage.UsageEvents.Event;
import android.graphics.Matrix;
import android.graphics.PointF;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.ImageView;

public class MainActivity extends Activity implements OnTouchListener{
    private ImageView imageView;
    
    private Matrix matrix1=new Matrix();//创建一个矩阵，移动前的矩阵、移动后的矩阵
    private Matrix matrix2=new Matrix();
    
    private static final int NONE=0; //常量，没有触点，一个触点，两个触点，实际触点
    private static final int DRAG=1;
    private static final int ZOOM=2;
    private int mode=NONE;
    
    private PointF startPoint=new PointF();//第一个手指按下的点
    private PointF midPoint=new PointF();//两个手指按下的点之间的中点
    private float distance=1f;//最初两个手指按下的点之间的距离

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imageView=(ImageView)findViewById(R.id.image);
        imageView.setOnTouchListener(this);
    }
    
    @Override
    public boolean onTouch(View arg0, MotionEvent arg1) {
        ImageView view=(ImageView)arg0; //参数中传入的view转换为ImageView
        
        //触摸设置：
        switch (arg1.getAction() & MotionEvent.ACTION_MASK) {
        case MotionEvent.ACTION_DOWN:      //第一个手指按下
            matrix1.set(view.getImageMatrix()); //将图片大小设置一个单位矩阵
            matrix2.set(matrix1);      //将矩阵matrix1保存
            startPoint.set(arg1.getX(), arg1.getY()); //设置第一个触点的位置
            mode=DRAG;
            break;
        case MotionEvent.ACTION_POINTER_DOWN:  //第二个手指按下
            distance=distance(arg1);  //函数distance(MotionEvent event)用于计算两点间的距离
            //防止一个手指上出现两个茧
            if(distance>10f) {
                matrix2.set(matrix1);
                midPoint=middle(arg1);  //计算两个触点的中间点的位置
                mode=ZOOM;
            }
            break;
        //手指松开：
        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_POINTER_UP:
            mode=NONE;
            break;
        //手指滑动事件：
        case MotionEvent.ACTION_MOVE:
            if(mode==DRAG) {
                //一个手指滑动：
                matrix1.set(matrix2);
                //位置迁移
                matrix1.postTranslate(arg1.getX()-startPoint.x, arg1.getY()-startPoint.y);
            }else if(mode==ZOOM){
                //两个手指滑动
                float newDistance=distance(arg1);
                if(newDistance>10f) {
                matrix1.set(matrix2);
                float scale=newDistance/distance;
                matrix1.postScale(scale, scale,midPoint.x, midPoint.y);
                }
            }
            break;
        default:
            break;
        }
        //设置ImageView的矩阵（Matrix）
        view.setImageMatrix(matrix1);
        return true;
    }
    
    //计算两点间的距离：
    private float distance(MotionEvent event) {
        float x=event.getX(0)-event.getX(1);
        float y=event.getY(0)-event.getY(1);
        return (float)Math.sqrt(x*x+y*y);
    }
    
    //计算两点之间中间点的位置：
    private PointF middle(MotionEvent event) {
        float x=event.getX(0)-event.getX(1);
        float y=event.getY(0)-event.getY(1);
        return new PointF(x/2,y/2);
    }
}

 2、activity_main.xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.moremovetest.MainActivity" >
    
    <ImageView 
        android:id="@+id/image"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/image"
        android:scaleType="matrix"
        />

</LinearLayout>

3、AndroidManifest.xml：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.moremovetest"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="18"
        android:targetSdkVersion="22" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>