(素材源码)猫猫学IOS（三十四）UI之Quartz2D画画板的实现

猫猫分享，必须精品

原创文章，欢迎转载。转载请注明：翟乃玉的博客
地址：http://blog.csdn.net/u013357243?viewmode=contents
源码：http://download.csdn.net/detail/u013357243/8666923

效果：

代码:

NYView

NYView.h

////  NYView.h//  画画板////  Created by apple on 15-5-6.//  Copyright (c) 2015年 znycat. All rights reserved.//#import <UIKit/UIKit.h>@interface NYView : UIView- (void)clearView;- (void)backView;@end

NYView.m

////  NYView.m//  画画板////  Created by apple on 15-5-6.//  Copyright (c) 2015年 znycat. All rights reserved.//#import "NYView.h"@interface NYView ()@property (nonatomic, strong) NSMutableArray *paths;@end@implementation NYView- (NSMutableArray *)paths{    if (_paths == nil) {        _paths = [NSMutableArray array];    }    return _paths;}// 开始触摸- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{    // 1.获取手指对应UITouch对象    UITouch *touch = [touches anyObject];    // 2.通过UITouch对象获取手指触摸的位置    CGPoint startPoint = [touch locationInView:touch.view];    // 3.当用户手指按下的时候创建一条路径    UIBezierPath *path = [UIBezierPath bezierPath];    // 3.1设置路径的相关属性    [path setLineJoinStyle:kCGLineJoinRound];    [path setLineCapStyle:kCGLineCapRound];    [path setLineWidth:10];    // 4.设置当前路径的起点    [path moveToPoint:startPoint];    // 5.将路径添加到数组中    [self.paths addObject:path];}// 移动- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event{    // 1.获取手指对应UITouch对象    UITouch *touch = [touches anyObject];    // 2.通过UITouch对象获取手指触摸的位置    CGPoint movePoint = [touch locationInView:touch.view];    // 3.取出当前的path    UIBezierPath *currentPaht = [self.paths lastObject];    // 4.设置当前路径的终点    [currentPaht addLineToPoint:movePoint];    // 6.调用drawRect方法重回视图    [self setNeedsDisplay];}// 离开view(停止触摸)- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event{    [self touchesMoved:touches withEvent:event];    /*     // 1.获取手指对应UITouch对象     UITouch *touch = [touches anyObject];     // 2.通过UITouch对象获取手指触摸的位置     CGPoint endPoint = [touch locationInView:touch.view];     // 3.取出当前的path     UIBezierPath *currentPaht = [self.paths lastObject];     // 4.设置当前路径的终点     [currentPaht addLineToPoint:endPoint];     // 6.调用drawRect方法重回视图     [self setNeedsDisplay];     */}// 画线- (void)drawRect:(CGRect)rect{    [[UIColor redColor] set];    // 边路数组绘制所有的线段    for (UIBezierPath *path in self.paths) {        [path stroke];    }}- (void)clearView{    [self.paths removeAllObjects];    [self setNeedsDisplay];}- (void)backView{    [self.paths removeLastObject];    [self setNeedsDisplay];}@end

NYViewController

////  NYViewController.m//  画画板////  Created by apple on 15-5-6.//  Copyright (c) 2015年 znycat. All rights reserved.//#import "NYViewController.h"#import "NYView.h"#import "MBProgressHUD+NJ.h"#import "UIImage+captureView.h"@interface NYViewController ()/** *  清屏 */- (IBAction)clearBtnClick;/** *  回退 */- (IBAction)backBtnClick;/** *  保存 */- (IBAction)saveBtnClick;@property (weak, nonatomic) IBOutlet NYView *customView;@end@implementation NYViewController- (IBAction)clearBtnClick {    [self.customView clearView];}- (IBAction)backBtnClick {    [self.customView backView];}- (IBAction)saveBtnClick {    UIImage *newImage = [UIImage captureImageWithView:self.customView];    // 4.保存到相册    UIImageWriteToSavedPhotosAlbum(newImage, self, @selector(image:didFinishSavingWithError:contextInfo:), nil);}- (void)image:(UIImage *)image didFinishSavingWithError:(NSError *)error contextInfo:(void *)contextInfo{    if (error) {        [MBProgressHUD showError:@"保存失败"];    }else    {        [MBProgressHUD showSuccess:@"保存成功"];    }}@end

其他的可以在源码中自己看，这两个是最重要的。