計算裁剪區域
現在我們已經得到了一個正向的圖檔， 如果我們的相機框并非在中心區域，如圖，我們如何得到想要的結果？ 我的解決思路是，把拍照框裁剪問題 拆分成三個問題
1.相片旋轉問題，這個在“iOS自定義拍照框拍照&裁剪（一）”已經處理
2.裁剪區域問題。
3.預覽顯示問題。
-
裁剪區域問題
1.計算出拍照背景框相對于螢幕的區域。假設為（12,193,200,100）
2.計算相對于圖檔的區域。如圖（12，120，200，100）
3.根據螢幕旋轉方向計算相對于 修正方向後的圖檔的裁剪區域，如果是水準拍攝的圖檔，此裁剪區域需要計算轉換。（445，12，100，200）
4.根據螢幕内圖檔的裁剪區域，計算相對于原始圖檔大小範圍内的裁剪區域。
5.根據裁剪區域使用CGImageRef imageRef = CGImageCreateWithImageInRect(image.CGImage, rect);擷取裁剪後的圖檔資料。
-
預覽顯示問題
1.使用上述計算中得到的 螢幕内圖檔的裁剪區域clipRC，計算預覽圖檔是的相機框顯示區域。如果本身是豎直顯示的圖檔，則 clipRC 即是 預覽顯示時相機框的預期。如果是橫着顯示的照片，則需要對clipRC進行等比壓縮計算。如下圖
-
關鍵代碼實作
//根據拍照時手機的方向計算相對于裝置大小範圍内的圖檔裁剪區域
-(CGRect)calculateClipRectWithImage:(UIImage *)finalImage{
//設定成圖檔大小比例
CGFloat imageWidth = CGImageGetWidth(finalImage.CGImage);
CGFloat imageHeight = CGImageGetHeight(finalImage.CGImage);
CGFloat maxH = imageWidth < imageHeight ? imageHeight : imageWidth;
CGFloat minW = imageWidth < imageHeight ? imageWidth : imageHeight;
//圖檔豎直顯示時候的高度
CGFloat imagePortraitHeight = [UIScreen mainScreen].bounds.size.width * maxH/minW;
//圖檔豎直顯示時，相對于父類的坐标區域
CGRect portraitRect = CGRectMake(0, ([UIScreen mainScreen].bounds.size.height - imagePortraitHeight)/2, [UIScreen mainScreen].bounds.size.width, imagePortraitHeight);
//裁剪區域 -- 相對于父視圖的坐标區域
CGRect diyFrameRC = [CTPDIYFrameCameraVideoViewModel transRCFromDIYFrame:self.diyFrame];
//轉換成相對于圖檔imgRC為坐标參考的坐标區域
CGRect clipRC = [self convertRC:diyFrameRC toCoordinateSpace:portraitRect];
CGRect imageRC = CGRectMake(0, 0, portraitRect.size.width, portraitRect.size.height);
//根據螢幕方向計算，圖檔顯示在目前螢幕範圍内的裁剪區域
diyFrameRC = [self calculateRect:clipRC contentRC:imageRC];
return diyFrameRC;
}
/**
坐标轉換,将相機框的坐标轉換成相對于圖檔的Rect
相同坐标空間下的兩個RC，将sourceRC轉換成相對于destRC的裁剪區域
*/
-(CGRect)convertRC:(CGRect)sourceRC toCoordinateSpace:(CGRect)destRC{
CGRect rc = CGRectMake(0, 0, sourceRC.size.width, sourceRC.size.height);
CGFloat x = sourceRC.origin.x - destRC.origin.x;
CGFloat y = sourceRC.origin.y - destRC.origin.y;
//相對于父視圖的交集區域RC
// rc = CGRectIntersection(destRC,sourceRC);
// rc.origin.x = x > 0 ? x : 0;
// rc.origin.y = y > 0 ? y : 0;
rc.origin.x = x;
rc.origin.y = y;
return rc;
}
/**
*根據螢幕旋轉方向計算裁剪區域，oldRC必須是基于contentRC坐标系的值
*oldRC：為轉換前的裁剪區域
*contentRC：為豎直方向的内容顯示區域
*傳回轉換後的區域。
*/
-(CGRect)calculateRect:(CGRect)oldRc contentRC:(CGRect)contentRC{
CGSize newSize = CGSizeMake(oldRc.size.height, oldRc.size.width);
CGSize newContentSize = CGSizeMake(contentRC.size.height, contentRC.size.width);
NSInteger newX = 0;
NSInteger newY = 0;
//裁剪圖檔采用的裝置坐标系，左上角為原點。注意變換的移動和旋轉方向
if (self.shootingOrientation == UIDeviceOrientationPortraitUpsideDown) {
//目前視圖的右下角區域
newSize = oldRc.size;
newContentSize = contentRC.size;
newX = newContentSize.width - newSize.width - oldRc.origin.x;
newY = newContentSize.height - newSize.height - oldRc.origin.y;
}else if (self.shootingOrientation == UIDeviceOrientationLandscapeLeft){
//目前視圖的左下角
newX = oldRc.origin.y;
newY = newContentSize.height - newSize.height - oldRc.origin.x;
}else if(self.shootingOrientation == UIDeviceOrientationLandscapeRight){
//目前視圖的右上角
newX = newContentSize.width - newSize.width - oldRc.origin.y;
newY = oldRc.origin.x;
}else if(self.shootingOrientation == UIDeviceOrientationPortrait){
//豎直拍照，傳回
newSize = oldRc.size;
newContentSize = contentRC.size;
newX = oldRc.origin.x;
newY = oldRc.origin.y;
}
//前置攝像頭左右轉換。
if (self.devicePosition == AVCaptureDevicePositionFront) {
//前置攝像頭在上述計算後的基礎之上沿Y軸翻轉
newX = newContentSize.width - newSize.width - newX;
}
//新的坐标點
CGRect newRC = CGRectMake(newX, newY, newSize.width, newSize.height);
return newRC;
}
/**
* 計算拍照完成之後，顯示在螢幕的 裁剪區域
* clipRC：相對于豎直螢幕根據手機方向旋轉之後的 裁剪區域。
*/
-(CGRect)calculateNewDIYImageFrameWithImage:(UIImage *)finalImage
ClipRC:(CGRect)diyFrameRC{
CGFloat imageWidth = self.photoPreviewImageView.bounds.size.width;
CGFloat imageHeight = self.photoPreviewImageView.bounds.size.height;
//計算攝像頭豎直拍照時，相對于原圖大小的裁剪區域
CGFloat scale = 1.0;
if (imageWidth > imageHeight) {
//橫向顯示的照片
scale = imageHeight/[UIScreen mainScreen].bounds.size.width;
}
CGRect clipRC = CGRectMake((NSInteger)(diyFrameRC.origin.x * scale), (NSInteger)(diyFrameRC.origin.y * scale), (NSInteger)(diyFrameRC.size.width * scale), (NSInteger)(diyFrameRC.size.height * scale));
//設定成圖檔大小比例
//裁剪區域 -- 相對于父視圖的坐标區域
CGFloat newX = self.photoPreviewImageView.frame.origin.x + clipRC.origin.x;
CGFloat newY = self.photoPreviewImageView.frame.origin.y + clipRC.origin.y;
//顯示區域
CGRect newRC = CGRectMake(newX, newY, clipRC.size.width, clipRC.size.height);
return newRC;
}
/**
根據螢幕方向，設定圖檔的orientation，擷取方向正确的拍照框圖檔。
*/
-(UIImage *)changeImageOrigin{
//拍照框
UIImage *image = self.frameImage;
if (self.shootingOrientation == UIDeviceOrientationLandscapeLeft) {
image = [UIImage imageWithCGImage:self.frameImage.CGImage scale:[UIScreen mainScreen].scale orientation:UIImageOrientationLeft];
}else if (self.shootingOrientation == UIDeviceOrientationLandscapeRight){
image = [UIImage imageWithCGImage:self.frameImage.CGImage scale:[UIScreen mainScreen].scale orientation:UIImageOrientationRight];
}else if (self.shootingOrientation == UIDeviceOrientationPortraitUpsideDown){
image = [UIImage imageWithCGImage:self.frameImage.CGImage scale:[UIScreen mainScreen].scale orientation:UIImageOrientationDown];
}
if (self.devicePosition == AVCaptureDevicePositionFront) {
//前置攝像頭Y軸方向翻轉,
if (self.shootingOrientation == UIDeviceOrientationLandscapeRight) {
image = [UIImage imageWithCGImage:self.frameImage.CGImage scale:[UIScreen mainScreen].scale orientation:UIImageOrientationLeft];
}
if (self.shootingOrientation == UIDeviceOrientationLandscapeLeft) {
image = [UIImage imageWithCGImage:self.frameImage.CGImage scale:[UIScreen mainScreen].scale orientation:UIImageOrientationRight];
}
}
return image;
}