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

2401_84545579

于 2024-05-01 15:42:03 发布

阅读量36

点赞数 13

分类专栏：程序员文章标签： android

本文链接：https://blog.csdn.net/2401_84545579/article/details/138374035

版权

程序员专栏收录该内容

184 篇文章 0 订阅

订阅专栏

本文详细介绍了如何在Android应用中使用Java实现单指拖动图片和双指缩放功能，涉及Matrix对象、坐标处理和ImageView的setImageMatrix方法的应用。

摘要由CSDN通过智能技术生成

            break;

        case MotionEvent.ACTION_POINTER_DOWN://双指触碰

            break;

        case MotionEvent.ACTION_MOVE://滑动（单+双）

            break;

        case MotionEvent.ACTION_UP://单指离开

        case MotionEvent.ACTION_POINTER_UP://双指离开

            break;

    }

    return true;

}

}




JAVA（单指拖动）



这里在大框架的基础上实现单指拖动图片的功能



这里实例化了两个Matrix（矩阵），分别用来储存 操作前&操作后 的矩阵状态，PointF对象是用来储存位移前的坐标的



然后在滑动事件里面，利用`if`语句通过判断当前操作状态，来处理相应的事件（因为单指和双指滑动事件都属于滑动事件，利用`if`来分开写），具体代码的作用都有注释，最后不要忘记了`mImagevieqw.setImageMatrix(endMatrix);`，否则代码写对了也不会有效果，就像你已经把一道算术题想好了，写好了，没写上答案！

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;//双指操作



private Matrix startMatrix = new Matrix();

private Matrix endMatrix = new Matrix();

private PointF startPointF = new PointF();



@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.background);

    //设置ImageView的缩放类型

    mImagevieqw.setScaleType(ImageView.ScaleType.MATRIX);

}



@Override

public boolean onTouch(View v, MotionEvent event) {

    switch (event.getAction()&event.getActionMasked()) {

        case MotionEvent.ACTION_DOWN://单指触碰

            //起始矩阵先获取ImageView的当前状态

            startMatrix.set(mImagevieqw.getImageMatrix());

            //获取起始坐标

            startPointF.set(event.getX(), event.getY());

            //此时状态是单指操作

            MODE = MODE_DRAG;

            break;

        case MotionEvent.ACTION_POINTER_DOWN://双指触碰



            break;

        case MotionEvent.ACTION_MOVE://滑动（单+双）



            if (MODE == MODE_DRAG) {//单指滑动时

                //先把初始位置传给变化后位置

                endMatrix.set(startMatrix);

                //向矩阵传入位移距离

                endMatrix.postTranslate(event.getX() - startPointF.x, event.getY() - startPointF.y);

            }



            break;

        case MotionEvent.ACTION_UP://单指离开

        case MotionEvent.ACTION_POINTER_UP://双指离开

            //手指离开后，重置状态

            MODE = MODE_NONE;

            break;

    }

    //事件结束后，把矩阵的变化同步到ImageView上

    mImagevieqw.setImageMatrix(endMatrix);

    return true;

}

}




JAVA（完整）



双指缩放较单指拖动而言略微麻烦一点点，因为你需要计算的是两点间的距离变化，而不是一个点的位移距离



这里需要获取操作前两个触碰点的距离，然后再计算操作后两个点的距离，计算出缩放比例，传到矩阵对象，最后调用ImageView的`setImageMatrix()`方法来改变ImageView就行了，逻辑还是比较简单的，只需要理解了逻辑顺序，然后学会获取坐标等等，实现这个还是挺简单的！

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;//双指操作



private Matrix startMatrix = new Matrix();//初始矩阵

private Matrix endMatrix = new Matrix();//变化后的矩阵

private PointF startPointF = new PointF();//初始坐标

private float distance;//初始距离

private float scaleMultiple;//缩放倍数



@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.background);

    //设置ImageView的缩放类型

    mImagevieqw.setScaleType(ImageView.ScaleType.MATRIX);

}



@Override

public boolean onTouch(View v, MotionEvent event) {

    switch (event.getAction()&event.getActionMasked()) {

        case MotionEvent.ACTION_DOWN://单指触碰

            

            //起始矩阵先获取ImageView的当前状态

            startMatrix.set(mImagevieqw.getImageMatrix());

            //获取起始坐标

            startPointF.set(event.getX(), event.getY());

            //此时状态是单指操作

            MODE = MODE_DRAG;

            

            break;

        case MotionEvent.ACTION_POINTER_DOWN://双指触碰



            //最后的状态传给起始状态

            startMatrix.set(endMatrix);

            //获取距离

            distance = getDistance(event);

            //状态改为双指操作

            MODE = MODE_SCALE;



            break;

        case MotionEvent.ACTION_MOVE://滑动（单+双）

            if (MODE == MODE_DRAG) {//单指滑动时

                //获取初始矩阵

                endMatrix.set(startMatrix);

                //向矩阵传入位移距离

                endMatrix.postTranslate(event.getX() - startPointF.x, event.getY() - startPointF.y);

            } else if (MODE == MODE_SCALE) {//双指滑动时

                //计算缩放倍数

最后

总而言之，成功是留给准备好的人的。无论是参加什么面试，都要做好充足的准备，注意好面试的礼仪和穿着，向面试官表现出自己的热忱与真诚就好。即使最后没有过关，也要做好经验的总结，为下一次面试做好充足准备。

这里我为大家准备了一些我在面试后整理的面试专题资料，除了面试题，还总结出了互联网公司Android程序员面试涉及到的绝大部分面试题及答案，并整理做成了文档，以及系统的进阶学习视频资料分享给大家，希望能帮助到你面试前的复习，且找到一个好的工作，也节省大家在网上搜索资料的时间来学习。

毕竟不管遇到什么样的面试官，去面试首先最主要的就是自己的实力，只要实力够硬，技术够强，就不怕面试拿不到offer！

为什么某些人会一直比你优秀，是因为他本身就很优秀还一直在持续努力变得更优秀，而你是不是还在满足于现状内心在窃喜！希望读到这的您能点个小赞和关注下我，以后还会更新技术干货，谢谢您的支持！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

内心在窃喜！希望读到这的您能点个小赞和关注下我，以后还会更新技术干货，谢谢您的支持！

[外链图片转存中…(img-FHa4LX9o-1714549312157)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

2401_84545579

关注

13
点赞
踩
19

收藏

觉得还不错? 一键收藏
1
评论
三分钟学会图片（ImageView）拖动和放大缩小

总而言之，成功是留给准备好的人的。无论是参加什么面试，都要做好充足的准备，注意好面试的礼仪和穿着，向面试官表现出自己的热忱与真诚就好。即使最后没有过关，也要做好经验的总结，为下一次面试做好充足准备。这里我为大家准备了一些我在面试后整理的面试专题资料，除了面试题，还总结出了互联网公司Android程序员面试涉及到的绝大部分面试题及答案，并整理做成了文档，以及系统的进阶学习视频资料分享给大家，希望能帮助到你面试前的复习，且找到一个好的工作，也节省大家在网上搜索资料的时间来学习。
复制链接

扫一扫