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

直入主题

首先我需要的效果是：拍照或选取本地图片后，能对图片进行缩放，然后裁剪成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即可。

裁剪效果如图: