修改图片尺寸并且缩放和裁剪

直入主题

首先我需要的效果是：拍照或选取本地图片后，能对图片进行缩放，然后裁剪成4：3比例的尺寸大小。

所以首先在 UIImagePickerController的didFinishPickingMediaWithInfo:方法里获取到原图，直接上代码

- (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<NSString *,id> *)info {
//原图
UIImage *OriginalImage = info[UIImagePickerControllerOriginalImage];

//图片原始尺寸(因为原图尺寸很大，所以我修改了下尺寸在做处理)
CGSize originalSize = OriginalImage.size;
//宽高比
CGFloat scale = originalSize.width / originalSize.height;

//新的尺寸
CGFloat width;
CGFloat height;

if (scale >= 1) {//如果图片宽 >= 高

//SCREEN_WIDTH是屏幕宽度的宏
height = SCREEN_WIDTH / 4 * 3; // 4:3 比例
width = height * scale;
} else { //宽 < 高
width = SCREEN_HEIGHT * scale;
height = SCREEN_HEIGHT;
}

//修改尺寸后的图片
UIImage *newImage = [UIImage originImage:OriginalImage scaleToSize:CGSizeMake(width, height)];

//获取到已经修改好尺寸的图片后，需要对图片进行编辑，自定义一个控制器，在里面进行缩放，裁剪处理
}

/** 按比例改变图片尺寸 */
+ (UIImage*)originImage:(UIImage *)image scaleToSize:(CGSize)size {
    UIGraphicsBeginImageContext(size); //所需要的图片尺寸
    
//这里一定要传设备的分辨率，不然图片会变模糊
    UIGraphicsBeginImageContextWithOptions(size, NO, [UIScreen mainScreen].scale);
    
    //绘制改变大小的图片
    [image drawInRect:CGRectMake(0, 0, size.width, size.height)];
    
    //从当前context中创建一个改变大小后的图片
    UIImage *scaledImage = UIGraphicsGetImageFromCurrentImageContext();
    //使当前的context出堆栈
    UIGraphicsEndImageContext();
    
    return scaledImage; //返回的就是已经改变的图片
}

现在我们已经拿到改好尺寸后的图片了，下面要对图片进行缩放

为了使图片能够缩放，我创建了一个scrollView把图片放上去

这两个属性控制缩放的最大和最小比例

scrollView.maximumZoomScale = 2.0;
scrollView.minimumZoomScale = 1.0

在代理中设置相关方法

#pragma mark - <UIScrollViewDelegate>
//设置可缩放视图
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView {
return self.imageView;
}

//缩放时
- (void)scrollViewDidZoom:(UIScrollView *)scrollView {

//动态修改contentSize
scrollView.contentSize = CGSizeMake(self.imageView.width, SCREEN_HEIGHT + self.imageView.height - self.borderLine.height);
}

//结束缩放时
- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale {

//用此时缩放尺寸的图片来裁剪
self.image = [UIImage originImage:self.image scaleToSize:self.imageView.size];
//设置当前的缩放比例(这个比例在裁剪图片时会用到) //ViewDidLoad时，把scrollView的缩放比例初始化为1倍
self.scrollScale = scale;
}

然后还需要一个框用来裁剪图片，大概这个样子



为了让图片能完全出现在这个框中，还需要根据图片的大小设置scrollView的contentSize

// 高度的size = 屏幕的高度加上多出 imageView的图片的高度，图片多出多少，size就增加多少（这里imageView的高度减去裁剪框的高度就是多出的图片的高度）
//borderLine是我的裁剪框
 scrollView.contentSize = CGSizeMake(self.imageView.width, SCREEN_HEIGHT + self.imageView.height - self.borderLine.height);

//让imageView居中显示在裁剪框内
imgView.centerX = scrollView.contentSize.width * 0.5;
imgView.centerY = scrollView.contentSize.height * 0.5;

//进入时，显示图片中心位置
scrollView.contentOffset = CGPointMake((self.imageView.width - borderLine.width) * 0.5, (self.imageView.height - borderLine.height) * 0.5);

这些都设置好之后，就可以开始裁剪图片了，还是直接上代码

//裁剪图片
- (UIImage *)cropImageFromOriginalImage:(UIImage *)originalImage {
//需要裁剪的尺寸
CGSize cropImageSize = self.borderLine.size;

//屏幕分辨率
CGFloat scale = [UIScreen mainScreen].scale;

//坐标系转换(把裁剪框放到imageView上)
CGRect rect = [self.view convertRect:self.borderLine.frame toView:self.imageView];

//裁剪框的位置乘上当前缩放比例
CGFloat y = rect.origin.y;
y = y * self.scrollScale;
rect.origin.y = y;

CGFloat x = rect.origin.x;
x = x * self.scrollScale;
rect.origin.x = x;

//设置裁剪的区域，在原图片的位置上，均乘上屏幕分辨率
CGRect cropImageRect = CGRectMake(rect.origin.x * scale, rect.origin.y * scale, self.borderLine.width * scale, self.borderLine.height * scale);

//裁剪
CGImageRef imageRef = originalImage.CGImage;
CGImageRef cropImageRef = CGImageCreateWithImageInRect(imageRef, cropImageRect);
UIGraphicsBeginImageContext(cropImageSize);
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextDrawImage(context, cropImageRect, cropImageRef);
UIImage *cropImage = [UIImage imageWithCGImage:cropImageRef];
CGImageRelease(cropImageRef);//需要手动释放，不然会内存泄露
    UIGraphicsEndImageContext();
//返回裁剪的图像
return cropImage;
}

裁剪方法很简单，就是上面这段，这里只是为了实现功能，没有把代码精简重构。可以把需要裁剪的rect提到方法外去，使用的时候直接传图片和rect即可。

裁剪效果如图: