本文实例介绍了ios手动剪裁图片并保存到相册的详细代码，分享给大家供大家参考，具体内容如下
一、实现效果
1、操作步骤
- 绘制一个矩形框，弹出一个alertview，提示是否保存图片
- 点击"是"，将图片保存到相册
- 在相册中查看保存的图片
2、效果图
二、实现思路
1、在控制器的view上添加一个imageview，设置图片
2、在控制器的view上添加一个pan手势
3、跟踪pan手势，绘制一个矩形框（图片的剪切区域）
4、在pan手势结束时，通过alertview提示“是否将图片保存至相册？”
- 点击“是”，保存图片
- 点击“否”，暂时什么都不做
三、实现步骤
1、通过storyboard在控制器的view上添加一个imageview(设置图片)，并在控制器的.m文件中拥有该属性
|
1
|
@property (weak, nonatomic) iboutlet uiimageview *imageview; |
2、设置通过手势绘制的图片的剪切区域
将图片的剪切区域作为成员属性clipview
|
1
|
@property (nonatomic, weak) uiview *clipview; |
3、通过懒加载的方式创建clipview，并初始化
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
- (uiview *)clipview{ //如果clipview为被创建，就创建 if (_clipview == nil) { uiview *view = [[uiview alloc] init]; _clipview = view; //设置clipview的背景色和透明度 view.backgroundcolor = [uicolor blackcolor]; view.alpha = 0.5; //将clipview添加到控制器的view上，此时的clipview不会显示（未设置其frame） [self.view addsubview:_clipview]; } return _clipview;} |
4、给控制器的view添加pan手势，跟踪pan手势，绘制图片剪切区域
1）、创建并添加手势
|
1
2
3
4
5
6
7
|
/**创建手势**/uipangesturerecognizer *pan = [[uipangesturerecognizer alloc] initwithtarget:self action:@selector(pan:)]; /** *每当pan手势的位置发生变化，就会调用pan:方法，并将手势作为参数传递 *//**添加手势**/[self.view addgesturerecognizer:pan]; |
2）、增加成员属性，记录pan手势开始的点
|
1
|
@property (nonatomic, assign) cgpoint startpoint; |
3）、监听手势的移动
|
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
|
- (void)pan:(uipangesturerecognizer *)pan{ cgpoint endpoint = cgpointzero; if (pan.state == uigesturerecognizerstatebegan) { /**开始点击时，记录手势的起点**/ self.startpoint = [pan locationinview:self.view]; } else if(pan.state == uigesturerecognizerstatechanged) { /**当手势移动时，动态改变终点的值，并计算起点与终点之间的矩形区域**/ endpoint = [pan locationinview:self.view]; //计算矩形区域的宽高 cgfloat w = endpoint.x - self.startpoint.x; cgfloat h = endpoint.y - self.startpoint.y; //计算矩形区域的frame cgrect cliprect = cgrectmake(self.startpoint.x, self.startpoint.y, w, h); //设置剪切区域的frame self.clipview.frame = cliprect; } else if(pan.state == uigesturerecognizerstateended) { /**若手势停止，将剪切区域的图片内容绘制到图形上下文中**/ //开启位图上下文 uigraphicsbeginimagecontextwithoptions(self.imageview.bounds.size, no, 0); //创建大小等于剪切区域大小的封闭路径 uibezierpath *path = [uibezierpath bezierpathwithrect:self.clipview.frame]; //设置超出的内容不显示， [path addclip]; //获取绘图上下文 cgcontextref context = uigraphicsgetcurrentcontext(); //将图片渲染的上下文中 [self.imageview.layer renderincontext:context]; //获取上下文中的图片 uiimage *image = uigraphicsgetimagefromcurrentimagecontext(); //关闭位图上下文 uigraphicsendimagecontext(); //移除剪切区域视图控件，并清空 [self.clipview removefromsuperview]; self.clipview = nil; //将图片显示到imageview上 self.imageview.image = image; //通过alertview提示用户，是否将图片保存至相册 uialertview *alertview = [[uialertview alloc] initwithtitle:@"保存图片" message:@"是否将图片保存至相册？" delegate:self cancelbuttontitle:@"否" otherbuttontitles:@"是", nil]; [alertview show];}} |
4）、设置alertview的代理方法，确定是否保存图片
|
1
2
3
4
5
6
7
8
9
10
11
|
- (void)alertview:(nonnull uialertview *)alertview clickedbuttonatindex:(nsinteger)buttonindex{ //若点击了“是”，则保存图片 if (buttonindex == 1) { uiimagewritetosavedphotosalbum(self.imageview.image, nil, nil, nil); /** * 该方法可以设置保存完毕调用的方法，此处未进行设置 */ }} |
以上就是本文的全部内容，希望对大家的学习有所帮助。
