ios 照片编辑的view封装的实例详解（ios 照片编辑的view封装的实例详解）

ios 照片编辑的view封装

该控件有旋转，缩放，拖动，剪裁的功能，封装成了一个imagecropperview类

需要导入的库：quartzcore.framework

imagecopperview.h

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 #import <uikit/uikit.h> @protocol imagecropperdelegate; @interface imagecropperview : uiview { uiimageview *imageview; id <imagecropperdelegate> delegate; } @property (nonatomic, retain) uiimage *image; @property (nonatomic, retain) uiimage *croppedimage; @property (nonatomic, assign) id <imagecropperdelegate> delegate; @property (nonatomic, assign) bool enable; @property (nonatomic, assign) bool ispaning; - (void)setup; - (void)finishcropping; - (void)reset; @end @protocol imagecropperdelegate <nsobject> - (void)changemovestatewithcropper:(uipangesturerecognizer*)gesture crop:(imagecropperview*)imagecrop; @end

imagecopperview.m

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 #import "imagecropperview.h" #import <quartzcore/quartzcore.h> #include <math.h> #import "uiimage+rotation.h" @interface imagecropperview() { @private cgsize _originalimageviewsize; } @property (nonatomic, retain) uiimageview *imageview; @end @implementation imagecropperview @synthesize imageview, image = _image, delegate, croppedimage; - (void)setup { _enable = yes; self.clipstobounds = yes; self.backgroundcolor = [uicolor clearcolor]; self.imageview = [[[uiimageview alloc] initwithframe:cgrectmake(0.0, 0.0, self.frame.size.width, self.frame.size.height)] autorelease]; imageview.userinteractionenabled = yes; [self addsubview:imageview]; uirotationgesturerecognizer *rotateges = [[uirotationgesturerecognizer alloc] initwithtarget:self action:@selector(rotateimage:)]; [imageview addgesturerecognizer:rotateges]; [rotateges release]; uipinchgesturerecognizer *scaleges = [[uipinchgesturerecognizer alloc] initwithtarget:self action:@selector(scaleimage:)]; [imageview addgesturerecognizer:scaleges]; [scaleges release]; uipangesturerecognizer *moveges = [[uipangesturerecognizer alloc] initwithtarget:self action:@selector(moveimage:)]; [moveges setminimumnumberoftouches:1]; [moveges setmaximumnumberoftouches:1]; [imageview addgesturerecognizer:moveges]; [moveges release]; } - (id)initwithframe:(cgrect)frame { self = [super initwithframe:frame]; if (self) { self.frame = frame; [self setup]; } return self; } float _lasttransx = 0.0, _lasttransy = 0.0; - (void)moveimage:(uipangesturerecognizer *)sender { _ispaning = yes; if (delegate&&[delegate respondstoselector:@selector(changemovestatewithcropper:crop:)]) { [delegate changemovestatewithcropper:sender crop:self]; }else{ return; } if (sender.numberoftouches != 1||_enable == no) { return; } //获取在视图中手势的触点位置 cgpoint translatedpoint = [sender translationinview:self]; if([sender state] == uigesturerecognizerstatebegan) { _lasttransx = 0.0; _lasttransy = 0.0; } cgaffinetransform trans = cgaffinetransformmaketranslation(translatedpoint.x - _lasttransx, translatedpoint.y - _lasttransy); //cgaffinetransformconcat将imageview.transform和trans两个动画连续起来 cgaffinetransform newtransform = cgaffinetransformconcat(imageview.transform, trans); _lasttransx = translatedpoint.x; _lasttransy = translatedpoint.y; nslog(@"_lasttransx==%f,_lasttransy==%f",_lasttransx,_lasttransy); imageview.transform = newtransform; } float _lastscale = 1.0; - (void)scaleimage:(uipinchgesturerecognizer *)sender { _ispaning = no; if (sender.numberoftouches != 2||_enable == no) { return; } if([sender state] == uigesturerecognizerstatebegan) { _lastscale = 1.0; return; } cgfloat scale = [sender scale]/_lastscale; cgaffinetransform currenttransform = imageview.transform; cgaffinetransform newtransform = cgaffinetransformscale(currenttransform, scale, scale); [imageview settransform:newtransform]; _lastscale = [sender scale]; } float _lastrotation = 0.0; - (void)rotateimage:(uirotationgesturerecognizer *)sender { _ispaning = no; if (sender.numberoftouches != 2||_enable == no) { return; } if([sender state] == uigesturerecognizerstateended) { _lastrotation = 0.0; return; } cgfloat rotation = -_lastrotation + [sender rotation]; cgaffinetransform currenttransform = imageview.transform; cgaffinetransform newtransform = cgaffinetransformrotate(currenttransform,rotation); [imageview settransform:newtransform]; _lastrotation = [sender rotation]; } - (void)setimage:(uiimage *)image { if (_image != image) { _image = [image retain]; } float _imagescale = self.frame.size.width / image.size.width; self.imageview.frame = cgrectmake(0, 0, image.size.width*_imagescale, image.size.height*_imagescale); _originalimageviewsize = cgsizemake(image.size.width*_imagescale, image.size.height*_imagescale); imageview.image = image; imageview.center = cgpointmake(self.frame.size.width/2.0, self.frame.size.height/2.0); } - (void)finishcropping { float zoomscale = [[self.imageview.layer valueforkeypath:@"transform.scale.x"] floatvalue]; float rotate = [[self.imageview.layer valueforkeypath:@"transform.rotation.z"] floatvalue]; float _imagescale = _image.size.width/_originalimageviewsize.width; cgsize cropsize = cgsizemake(self.frame.size.width/zoomscale, self.frame.size.height/zoomscale); cgpoint croppervieworigin = cgpointmake((0.0 - self.imageview.frame.origin.x)/zoomscale, (0.0 - self.imageview.frame.origin.y)/zoomscale); if((nsinteger)cropsize.width % 2 == 1) { cropsize.width = ceil(cropsize.width); } if((nsinteger)cropsize.height % 2 == 1) { cropsize.height = ceil(cropsize.height); } cgrect croprectinimage = cgrectmake((nsinteger)(croppervieworigin.x*_imagescale) ,(nsinteger)( croppervieworigin.y*_imagescale), (nsinteger)(cropsize.width*_imagescale),(nsinteger)(cropsize.height*_imagescale)); uiimage *rotinputimage = [self.image imagerotatedbyradians:rotate]; cgimageref tmp = cgimagecreatewithimageinrect([rotinputimage cgimage], croprectinimage); self.croppedimage = [uiimage imagewithcgimage:tmp scale:self.image.scale orientation:self.image.imageorientation]; cgimagerelease(tmp); } - (void)reset { self.imageview.transform = cgaffinetransformidentity; } - (void)dealloc { self.image = nil; self.croppedimage = nil; self.imageview = nil; [super dealloc]; } @end

对uiimage添加了一个category

uiimage+rotation.h

1 2 3 4 5 6 7 8 #import <uikit/uikit.h> @interface uiimage (rotation) - (uiimage *)imagerotatedbyradians:(cgfloat)radians; - (uiimage *)imagerotatedbydegrees:(cgfloat)degrees; @end

uiimage+rotation.m

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 #import "uiimage+rotation.h" /************ 角度=弧度/pi*180 弧度=角度/180*pi *************/ cgfloat degreestoradians(cgfloat degrees) {return degrees * m_pi / 180;}; cgfloat radianstodegrees(cgfloat radians) {return radians * 180/m_pi;}; @implementation uiimage (rotation) - (uiimage *)imagerotatedbyradians:(cgfloat)radians { return [self imagerotatedbydegrees:radianstodegrees(radians)]; } - (uiimage *)imagerotatedbydegrees:(cgfloat)degrees { /***** cgaffinetransformmakerotation 通过指定角度来创建一个旋转矩阵 cgaffinetransformrotate 在已存在的矩阵中使用旋转 *****/ uiview *rotatedviewbox = [[uiview alloc] initwithframe:cgrectmake(0,0,self.size.width, self.size.height)]; cgaffinetransform t = cgaffinetransformmakerotation(degreestoradians(degrees)); //给view旋转角度 rotatedviewbox.transform = t; cgsize rotatedsize = rotatedviewbox.frame.size; [rotatedviewbox release]; //开始编辑图形上下文 uigraphicsbeginimagecontext(rotatedsize); //定义一个图形上下文 cgcontextref bitmap = uigraphicsgetcurrentcontext(); //沿x轴移动rotatedsize.width/2，y轴移动rotatedsize.height cgcontexttranslatectm(bitmap, rotatedsize.width/2, rotatedsize.height/2); //以原点(左下角)为中心旋转degreestoradians(degrees)弧度,正角度逆时针，负角度顺时针 cgcontextrotatectm(bitmap, degreestoradians(degrees)); //缩放x轴，y轴方向 cgcontextscalectm(bitmap, 1.0, -1.0); //绘制位图 cgcontextdrawimage(bitmap, cgrectmake(-self.size.width / 2, -self.size.height / 2, self.size.width, self.size.height), [self cgimage]); //赋值给uiimage uiimage *resimage = uigraphicsgetimagefromcurrentimagecontext(); //结束绘制 uigraphicsendimagecontext(); return resimage; } @end;