多点触控实现图片的放大和缩小

             先上布局文件

<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/imageView"
    android:src="@mipmap/d"
    android:scaleType="matrix"/>
/>

scaleType的常用参数:

  1.    
  2. CENTER /center  按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示  
  3.    
  4. CENTER_CROP / centerCrop  按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽)  
  5.    
  6. CENTER_INSIDE / centerInside  将图片的内容完整居中显示,通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽  
  7.    
  8. FIT_CENTER / fitCenter  把图片按比例扩大/缩小到View的宽度,居中显示  
  9.    
  10. FIT_END / fitEnd   把图片按比例扩大/缩小到View的宽度,显示在View的下部分位置  
  11.    
  12. FIT_START / fitStart  把图片按比例扩大/缩小到View的宽度,显示在View的上部分位置  
  13.    
  14. FIT_XY / fitXY  把图片不按比例扩大/缩小到View的大小显示  
  15.    
  16. MATRIX / matrix 用矩阵来绘制 

---------------------------------------------------------------------------------------------

ublic class MainActivity extends AppCompatActivity implements View.OnTouchListener {

    private ImageView imageView;
    private Matrix matrix = new Matrix();
    private Matrix savedMatrix=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 oriDis=1f;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imageView = (ImageView) findViewById(R.id.imageView);
        imageView.setOnTouchListener(this);
    }

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        ImageView view= (ImageView) v;
        //可以处理多点触摸
        //        http://blog.csdn.net/fobdddf/article/details/19479153
        //        http://blog.sina.com.cn/s/blog_60e96a410100mjd2.html
        //        https://my.oschina.net/qianjia/blog/109282
        //ACTION_MASK 行动的面具
        switch (event.getAction() & MotionEvent.ACTION_MASK){
            case MotionEvent.ACTION_DOWN :
                //第一个手指按下事件
                matrix.set(view.getImageMatrix());
                savedMatrix.set(matrix);
                startPoint.set(event.getX(),event.getY());
                //拖动
                mode = DRAG;
                Toast.makeText(MainActivity.this, "第一个手指按下事件", Toast.LENGTH_SHORT).show();

                break;
            case MotionEvent.ACTION_POINTER_DOWN :
                //第二个手指按下事件
                oriDis = distance(event);
                if (oriDis > 10f){
                    savedMatrix.set(matrix);
                    midPoint = middle(event);
                    //标记成缩放状态
                    mode = ZOOM;
                    Toast.makeText(MainActivity.this, "第二个手指按下事件", Toast.LENGTH_SHORT).show();

                }
                break;
            case MotionEvent.ACTION_UP :
            case MotionEvent.ACTION_POINTER_UP :
                //手指放开事件
                mode = NONE ;
                Toast.makeText(MainActivity.this, "手指放开事件", Toast.LENGTH_SHORT).show();

                break;
            case MotionEvent.ACTION_MOVE :
                //手指滑动事件
                if (mode == DRAG){
                    //是一个手指拖动
                    matrix.set(savedMatrix);
                    //移动图片
                    matrix.postTranslate(event.getX() - startPoint.x,event.getY() - startPoint.y);
                }else if (mode == ZOOM){
                    //两个手指滑动
                    float newDist = distance(event);
                    if (newDist > 10f){
                        matrix.set(savedMatrix);
                        float scale = newDist / oriDis;
                        //图片的缩放
                        matrix.postScale(scale,scale,midPoint.x,midPoint.y);
                    }
                }
                break;
        }
        //设置imageView的matrix
        view.setImageMatrix(matrix);
        return true;
    }

    //计算两个触摸点之间的距离
    private float distance(MotionEvent event){
        //获取第0根手指和第一根手指的坐标
        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);
    }
}




  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值