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