链接:
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));
}