ios 图片居中裁剪_IOS图片裁剪和小图看大图动画

IOS的UIImagePickerController可以让用户通过相机或者相册获取想要的图片，并且通过设置allowsEditing属性允许用户在选择了图片以后对图片进行裁剪。不过在某些时候会出现正方形的裁剪框没有适配图片的情况，如下图：

这时候裁剪得到的是一张长方形图片，并且图片尺寸与UIImagePickerController设置的maxWidth和maxHeight尺寸并不符合。例如一个高和宽比例为1：2的图片，设置裁剪的maxWidth和maxHeight均为100，裁剪框的范围类似于上面右边的图片，上下留空左右框住图片的边界。最终获取到的裁剪结果为一张宽为100高为200的长方形图片。

现在需要一个图片裁剪器，能够自适应图片最窄边的裁剪，保证最终得到的图片为正方形。综合网上查询结果，决定做一个类似WP7系统自带的裁剪方案：一个固定的透明框在屏幕中央，周围留黑色遮罩，允许用户随意缩放和移动图片，不过图片的边界不会超出屏幕中的透明框。

首先考虑裁剪框，需要固定在屏幕中间不动，并且周围是透明的遮罩，决定采用UIImageView显示一张图片在屏幕的最顶层。裁剪器在我这里实际的用途为裁剪头像，定义的标准为两种，720X720的高清头像和300X300的普通头像。因此透明框的大小我选择了300X300，在屏幕中居中。

为了实现图片的滑动和缩放，选择UIScrollView作为容器来装显示用户图片的ImageView。为了保证图片边界不超出裁剪框范围，需要根据图片的长宽来定义ScrollView的ContentSize，并适应缩放。代码中我重写了SourceImage的Set方法，在Set方法中适配好图片显示和ContentSize的大小。并且在缩放倍数上作限制，如果图片本身的最短边就不足720则禁止缩放，如果超过720则最大允许缩放到裁剪框内画面的实际大小为720大小。

ContentView要根据image的大小调整，保证图片不会超出裁剪框。ContentView过大和过小都会影响裁剪。

View Code

1 - (void)setSourceImage:(UIImage *)image{2 if(sourceImage) {3 [sourceImage release];4 sourceImage =nil;5 }6 sourceImage =[image retain];7 [_imageview setImage:self.sourceImage];8 CGFloat wh = sourceImage.size.width/sourceImage.size.height;9 CGSize displaySize;10 if (wh > 1) {//宽图

11 _imageContainer.maximumZoomScale = ((sourceImage.size.height / DEF_CUTSIZE > 1)&&(sourceImage.size.height / DEF_CUTSIZE)*(DEF_