1. 效果圖

2. 用一個View來描述畫圖板,給畫圖板添加拖動的手勢

// 從xib中加載

- (void)awakeFromNib

{

[self setUpGesture];

}

// 代碼創建

- (instancetype)initWithFrame:(CGRect)frame

{

if (self = [super initWithFrame:frame]) {

[self setUpGesture];

}

return self;

}

// 初始化添加拖動手勢

- (void)setUpGesture

{

UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];

[self addGestureRecognizer:pan];

self.color = [UIColor blackColor];

self.width = 1;

}

3. 監聽手勢方法

1> 判斷拖動開始拖動設置為路徑的的起始點,添加路徑并保存路徑,將當前路徑添加到數組中

設置路徑的相關屬性(顏色/寬度/圓角)

2> 拖動過程中的點添加直線重繪

// 監聽手勢方法

- (void)pan:(UIPanGestureRecognizer *)pan

{

// 獲取當前觸摸點

CGPoint curP = [pan locationInView:self];

if (pan.state == UIGestureRecognizerStateBegan) { // 開始拖動

// 獲取開始點

CGPoint startP = curP;

// 創建路徑

LDBezierPath *path = [[LDBezierPath alloc] init];

self.path = path;

[self.pathArray addObject:path];

// 設置寬度

[path setLineWidth:self.width];

// 設置顏色

[path setLineColor:self.color];

// 設置圓角

[path setLineJoinStyle:kCGLineJoinRound];

[path setLineCapStyle:kCGLineCapRound];

// 添加起始點

[path moveToPoint:startP];

} else if (pan.state == UIGestureRecognizerStateChanged) {

// 添加直線

[self.path addLineToPoint:curP];

// 重繪

[self setNeedsDisplay];

}

}

4. 繪制, 遍歷數組中的路徑,判斷是否是圖片,如果是圖片則將圖片繪制上去,反之為路徑,直接繪制路徑

// 繪制

- (void)drawRect:(CGRect)rect {

// 變量路徑數組重繪

for (LDBezierPath *path in self.pathArray) {

if (path.class == [UIImage class]) {

UIImage *image = (UIImage *)path;

[image drawInRect:rect];

NSLog(@"%@", image);

} else {

[path.lineColor set];

[path stroke];

}

}

}

5. 圖片保存

// 保存

- (void)save

{

if (self.pathArray.count) {

// 1.開啟位圖上下文

UIGraphicsBeginImageContextWithOptions(self.bounds.size, NO, 0);

// 2.獲取當前上下文

CGContextRef ref = UIGraphicsGetCurrentContext();

// 3.將view的layer渲染到位圖上下文總

[self.layer renderInContext:ref];

// 4.獲取位圖上下文中的image

UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

// 5.關閉位圖上下文

UIGraphicsEndImageContext();

// 6.將圖片保存到相冊

UIImageWriteToSavedPhotosAlbum(image, self, @selector(image:didFinishSavingWithError:contextInfo:), nil);

} else {

[MBProgressHUD showError:@"沒有圖片可保存"];

}

}

- (void)image:(UIImage *)image didFinishSavingWithError:(NSError *)error contextInfo:(void *)contextInfo

{

[MBProgressHUD showSuccess:@"保存成功"];

}

轉載于:https://www.cnblogs.com/Xfsrn/p/5000349.html

總結

以上是生活随笔為你收集整理的iOS开发核心动画之画图板的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。