iOS开发核心动画之画图板

1. 效果图

2. 用一个View来描述画图板,给画图板添加拖动的手势

1. // 从xib中加载
2. - (void)awakeFromNib
3. {
4. [self setUpGesture];
5. }
7. // 代码创建
8. - (instancetype)initWithFrame:(CGRect)frame
9. {
10. if (self = [super initWithFrame:frame]) {
11. [self setUpGesture];
12. }
13. return self;
14. }
16. // 初始化添加拖动手势
17. - (void)setUpGesture
18. {
19. UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];
21. [self addGestureRecognizer:pan];
23. self.color = [UIColor blackColor];
24. self.width = 1;
25. }

3. 监听手势方法

1> 判断拖动开始拖动设置为路径的的起始点,添加路径并保存路径,将当前路径添加到数组中

设置路径的相关属性(颜色/宽度/圆角)

2> 拖动过程中的点添加直线重绘

1. // 监听手势方法
2. - (void)pan:(UIPanGestureRecognizer *)pan
3. {
4. // 获取当前触摸点
5. CGPoint curP = [pan locationInView:self];
7. if (pan.state == UIGestureRecognizerStateBegan) { // 开始拖动
8. // 获取开始点
9. CGPoint startP = curP;
11. // 创建路径
12. LDBezierPath *path = [[LDBezierPath alloc] init];
13. self.path = path;
14. [self.pathArray addObject:path];
16. // 设置宽度
17. [path setLineWidth:self.width];
19. // 设置颜色
20. [path setLineColor:self.color];
22. // 设置圆角
23. [path setLineJoinStyle:kCGLineJoinRound];
24. [path setLineCapStyle:kCGLineCapRound];
26. // 添加起始点
27. [path moveToPoint:startP];
28. } else if (pan.state == UIGestureRecognizerStateChanged) {
29. // 添加直线
30. [self.path addLineToPoint:curP];
32. // 重绘
33. [self setNeedsDisplay];
34. }
35. }

4. 绘制, 遍历数组中的路径,判断是否是图片,如果是图片则将图片绘制上去,反之为路径,直接绘制路径

1. // 绘制
2. - (void)drawRect:(CGRect)rect {
4. // 变量路径数组重绘
5. for (LDBezierPath *path in self.pathArray) {
7. if (path.class == [UIImage class]) {
8. UIImage *image = (UIImage *)path;
9. [image drawInRect:rect];
10. NSLog(@"%@", image);
11. } else {
13. [path.lineColor set];
15. [path stroke];
16. }
17. }
18. }

5. 图片保存

1. // 保存
2. - (void)save
3. {
4. if (self.pathArray.count) {
5. // 1.开启位图上下文
6. UIGraphicsBeginImageContextWithOptions(self.bounds.size, NO, 0);
8. // 2.获取当前上下文
9. CGContextRef ref = UIGraphicsGetCurrentContext();
11. // 3.将view的layer渲染到位图上下文总
12. [self.layer renderInContext:ref];
14. // 4.获取位图上下文中的image
15. UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
17. // 5.关闭位图上下文
18. UIGraphicsEndImageContext();
20. // 6.将图片保存到相册
21. UIImageWriteToSavedPhotosAlbum(image, self, @selector(image:didFinishSavingWithError:contextInfo:), nil);
22. } else {
23. [MBProgressHUD showError:@"没有图片可保存"];
24. }
26. }
28. - (void)image:(UIImage *)image didFinishSavingWithError:(NSError *)error contextInfo:(void *)contextInfo
29. {
30. [MBProgressHUD showSuccess:@"保存成功"];
31. }

转载于:https://www.cnblogs.com/Xfsrn/p/5000349.html