三分钟学会图片（ImageView）拖动和放大缩小

想必图片的拖动和放大缩小是每个人都使用过的功能，最常见于手机相册里，你可以通过一个手指拖动你的照片，同样也可以使用双指通过缩放手势对图片进行相应的缩放。那么这是如何实现的呢？

先来看效果图：

实现原理：

想要学会一样东西，光靠死记硬背是不行的，你得理解！

首先得知道，拖动以及缩放是你对View的一个手势交互，那么我们要让View对你的手势有一系列的反馈（如：移动、缩放等），你肯定需要重写View的交互事件（onTouch）接下来咱们来逐步分析一下：

• 首先是 单指 拖动：

  单指拖动，你要随着你手指的移动，去移动你的图片，那么什么是最重要的？当然是你手指的原始位置和移动后的位置！有了这两个重要因素，你就能实现一个跟随手指拖动的效果！

• 然后是 双指 缩放

  单指拖动是需要拖动的前后位置，那么双指缩放，想一下，你这里需要的是什么？没错，是缩放比！只需要通过获取你双指的缩放操作的比例，然后对图片进行相应的缩放就可以实现！

代码

XML（就是一个ImageView，有几个属性我设置在JAVA代码中）

 <ImageView
        android:id="@+id/imagevieqw"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

JAVA（框架）

这里先给出一个大致框架，方便新手逐步理解

这里我是在后台设置ImageView的src属性，然后ImageView的ScaleType必须是matrix，在xml中设置是一样的效果

这里写了四个int值，用来储存当前操作的状态

然后这里是调用了OnTouchListener接口（可以通过匿名内部类的方法实现），然后在onTouch事件里判断手势，然后可以重写相应的事件

public class ScaleImageActivity extends AppCompatActivity implements View.OnTouchListener {
   
    private ImageView mImagevieqw;
    private int MODE;//当前状态
    public static final int MODE_NONE = 0;//无操作
    public static final int MODE_DRAG = 1;//单指操作
    public static final int MODE_SCALE = 2;//双指操作
    @Override
    protected void onCreate(Bundle savedInstanceState) {
   
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_scale_image);
        mImagevieqw = findViewById(R.id.imagevieqw);
        mImagevieqw.setOnTouchListener(this);
        //设置图片资源
        mImagevieqw.setImageResource(R.mipmap.tesila);
        //设置ImageView的缩放类型
        mImagevieqw.setScaleType(ImageView.ScaleType.MATRIX);
    }
    @Override
    public boolean onTouch(View v, MotionEvent event) {
   
        switch (event.getAction()&event.getActionMasked()){
   
            case MotionEvent.ACTION_DOWN: