Android 利用Matrix实现图片随手指平移、旋转、缩放

链接:
Android 利用Matrix实现图片随手指平移、旋转、缩放—缩放
Android 利用Matrix实现图片随手指平移、旋转、缩放—平移
Android 利用Matrix实现图片随手指平移、旋转、缩放—旋转

这里记录的是随手指旋转,特别感谢happy_bug大大,看了这里面旋转角度的计算方法,或则说这篇博客就是对这位大大的文章的照搬,但是我忘了那个帖子的链接啦,在后面补上来。下面是代码:
/**
 * 使用矩阵(Matrix)来设置图片的属性
 * 平移、旋转、放大缩小
 * <p>
 * 本类的效果:旋转
 * Created by lby on 2017/7/24.
 */

public class CropImageViewRotate extends AppCompatImageView {
    private Matrix matrix = new Matrix();
    private Matrix currentMatrix = new Matrix();
    private Bitmap bitmap;
    private double oldRotate; // 按下时的两根手指的角度
    private PointF midPoint = new PointF();
    private boolean isMorePoint; // 是否是多根手指

    public CropImageViewRotate(Context context) {
        this(context, null);

    }

    public CropImageViewRotate(Context context, AttributeSet attrs) {
        this(context, attrs, 0);

    }

    public CropImageViewRotate(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.aaa);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.save();
        canvas.drawBitmap(bitmap, matrix, null);
        canvas.restore();
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 注意:要想监听到ACTION_POINTER_DOWN和ACTION_POINTER_UP,必须有 MotionEvent.ACTION_MASK
        switch (event.getAction() & MotionEvent.ACTION_MASK) {
            case MotionEvent.ACTION_DOWN:
                isMorePoint = false;
                break;
            case MotionEvent.ACTION_POINTER_DOWN:
                isMorePoint = true;
                currentMatrix.set(matrix);
                oldRotate = getRotate(event);
                getMidPoint(midPoint, event);
                break;
            case MotionEvent.ACTION_MOVE:
                if (isMorePoint) {
                    matrix.set(currentMatrix);
                    double rotate = getRotate(event) - oldRotate;
                    matrix.postRotate((float) rotate, midPoint.x, midPoint.y);
                }
                invalidate();
                break;
            case MotionEvent.ACTION_POINTER_UP:
                isMorePoint = false;
                break;
            case MotionEvent.ACTION_UP:
                break;
            default:
                break;
        }
        return true;
    }

    /**
     * 取手势中心点
     */
    private void getMidPoint(PointF point, MotionEvent event) {
        float x = event.getX(0) + event.getX(1);
        float y = event.getY(0) + event.getY(1);
        point.set(x / 2, y / 2);
    }

    private double getRotate(MotionEvent event) {
        // 获取两个手指的点,相当于两个向量
        float pointX1 = event.getX(0);
        float pointX2 = event.getX(1);
        float pointY1 = event.getY(0);
        float pointY2 = event.getY(1);

        // 获取旋转角度
        // 这里有两个注意点,首先是Math.toDegrees,这个是把小数点转换成角度的函数,比自己*180/3.14更加的方便,
        // 还有就是Math.atan2这个函数,一开始我用的是Math.atan((pointY1 - pointY2)/(pointX1 - pointX2))
        //但是这样的话,当pointX1 - pointX2==0的时候会有问题,然后图片旋转到两个手指上下或水平平行的时候
        //会突然跳转一个很大的角度,根本原因就是因为pointX1 - pointX2==0或则pointY1 - pointY2==0,
        //而Math.atan2内部有对这些事件的处理,这样就可以了
        return Math.toDegrees(Math.atan2((pointY1 - pointY2), (pointX1 - pointX2)));
    }
}

下面贴出我一开始写的方法,是用的向量算了,比较麻烦:

 private double getRotate(MotionEvent event){
        // 获取两个手指的点,相当于两个向量

        float pointX1=event.getX(0);
        float pointX2=event.getX(1);
        float pointY1=event.getY(0);
        float pointY2=event.getY(1);
        // 获取向量的长度
        float pointLength1=getLineLength(event,0);
        float pointLength2=getLineLength(event,1);
        // 获取旋转角度
        return Math.toDegrees(Math.acos((pointX1*pointX2+pointY1*pointY2)/(pointLength1*pointLength2)));
    }

    /**
     * 计算向量的模
     */
    private float getLineLength(MotionEvent event,int point){
        return (float) Math.sqrt(event.getX(point)*event.getX(point)+event.getY(point)*event.getY(point));
    }
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值