1、新增功能,旋转:
效果如图,点击旋转,可以将控件画面本身进行90度倍数的旋转,并进行宽高比例适配,旋转之后裁剪依然正常。
功能实现原理:
1、通过调用view的setRotation功能进行以View为中心的旋转
2、在旋转后,由于view的宽高反过来了,因此还需要根据当前宽高进行缩放。即如果旋转的角度为90度的倍数时,因为控件和图片的宽和高的对应关系相反,因此需要要么以(图片高/控件宽),要么以(图片宽/控件高)进行缩放,使得图片按比例缩放到和控件对齐。
具体实现代码:
/**设置旋转量**/
public void rotate(int rotate) throws Exception {
if (rotate % 90 != 0) {
throw new Exception("不允许使用非90度倍率的旋转角度");
}
setRotation(rotate); //整个控件进行旋转
if (null == mBitmap) {
return;
}
float ratioW = (float) mBitmap.getHeight() / mWidth;
float ratioH = (float) mBitmap.getWidth() / mHeight;
float scale = 1f;
if (ratioW < ratioH) {
scale = 1f / ratioW;
} else {
scale = 1f / ratioH;
}
if (getRotation() % 180 == 0) {
setScaleX(1f);
setScaleY(1f);
} else {
setScaleX(scale);
setScaleY(scale);
}
invalidate();
}
2、裁剪功能:
之前由于裁剪功能没有实现完善,最近因为有需求,顺便实现好了。
1、获取选框的外接矩形区域,方法为统计4个点中x的最大最小值和y的最大最小值。最小的x,y为左上角,最大的x,y为右下角。
2、然后因为图像需要在控件canvas中居中,因此选择点的坐标其实包含了左右或者上下的黑边,因此需要先进行去除,即去除offsetX, offsetY部分。
3、反向使用当前的所放量获得缩放框实际在原图上应该有的大小,以该大小创建画布。
4、使用rect的left、top值反向移动裁剪框,使得图片在canvas上相对有left、top值的移动。
5、裁剪框去掉在view上才有意义的left和top值,因为新画布本身并没有黑边。
6、反向缩放裁剪框,理由和3一样。设置为画布裁剪区域
7、bmp反向移动去除黑边并按照实际原图大小的left和top值对齐画布,会进行绘制
public Bitmap cutPhoto() {
if (null == mBitmap || mBitmap.isRecycled()) {
Log.e(TAG, "当前没有图片");
return null;
}
if (null == mVectorPoint) {
Log.e(TAG, "当前没有初始化选择点");
return null;
}
if (null == mCutterClipPath) {
Log.e(TAG, "当前没有用户裁剪path");
return null;
}
//算出裁剪框的裁剪范围的外接矩形:
float offsetX = ((mWidth - mBitmap.getWidth() * mScale) / 2f); //去除计算中纳入的控件黑边,以防图像在控件缩放后两边有黑边时,导致裁剪时把偏移量多算了控件上的黑边范围导致严重误差
float offsetY = ((mHeight - mBitmap.getHeight() * mScale) / 2f); //去除计算中纳入的控件黑边,以防图像在控件缩放后两边有黑边时,导致裁剪时把偏移量多算了控件上的黑边范围导致严重误差
float left = Math.min(mVectorPoint[0].x, mVectorPoint[3].x);
float top = Math.min(mVectorPoint[0].y, mVectorPoint[1].y);
float right = Math.max(mVectorPoint[1].x, mVectorPoint[2].x);
float bottom = Math.max(mVectorPoint[2].y, mVectorPoint[3].y);
Rect rect = new Rect((int) left, (int) top, (int) right, (int) bottom);
Bitmap bitmap = Bitmap.createBitmap((int) ((float) rect.width() * (1f / mScale)), (int) ((float) rect.height() * (1f / mScale)), Bitmap.Config.ARGB_8888); //大小不定, 只看外接矩形的大小
Canvas canvas = new Canvas(bitmap);
canvas.drawColor(Color.TRANSPARENT);
//将裁剪范围应用于画布
Path cutterPathClone = new Path(mCutterClipPath);
Matrix pathMatrix = new Matrix();
pathMatrix.postTranslate(-rect.left, -rect.top); //因为left和top是应用于view的canvas之上的,还要转换为当前bmp画布的坐标,抹去view的canvas留下的间隙偏移量
pathMatrix.postScale(1f / mScale, 1f / mScale);
cutterPathClone.transform(pathMatrix);
canvas.clipPath(cutterPathClone);
//canvas.drawColor(Color.RED); //for debug
Matrix bmpMatrix = new Matrix(); //没啥bug了
bmpMatrix.setTranslate(-(rect.left - offsetX) / mScale, -(rect.top - offsetY) / mScale);
canvas.drawBitmap(mBitmap, bmpMatrix, null);
return bitmap;
}