iOS笔记053- Quartz2D-练习

@property ( nonatomic , strong ) NSMutableArray *selectedBtn;

- ( NSMutableArray *)selectedBtn

{

if ( _selectedBtn == nil ) {

_selectedBtn = [ NSMutableArray array ];

}

return   _selectedBtn ;

}

- ( IBAction )pan:( UIPanGestureRecognizer *)sender {

//    NSLog(@"pan");

// 获取触摸点

_curP = [sender locationInView : self ];

// 遍历按钮数组

for ( UIButton *btn in self . subviews ) {

// 判断点是否包含在按钮中

if ( CGRectContainsPoint (btn. frame , _curP ) && !btn. selected ) {

btn. selected = YES ;

[ self . selectedBtn addObject :btn];

}

}

// 重绘

[ self  setNeedsDisplay ];

// 恢复原状

if (sender. state == UIGestureRecognizerStateEnded ) {

// 保存密码

NSMutableString *str = [ NSMutableString string ];

for ( UIButton *btn in self . selectedBtn ) {

[ str appendFormat : @"%ld" ,btn. tag ];

}

NSLog ( @"%@" ,str);

// 删除选中状态

[ self . selectedBtn  makeObjectsPerformSelector : @selector (setSelected:) withObject : @( NO ) ];

// 情况选中数组

[ self . selectedBtn  removeAllObjects ];

}

}

- ( void )drawRect:( CGRect )rect

{

// 没有选中按钮，直接退出

if ( self . selectedBtn . count == 0 ) {

return ;

}

// 把所有选中的按钮连线

NSInteger count = self . selectedBtn . count ;

UIBezierPath *path = [ UIBezierPath bezierPath ];

// 遍历选中按钮数组，对按钮连线

for ( int i = 0 ; i < count ; i ++)  {

UIButton *btn = self . selectedBtn [i];

if (i == 0 ) {

// 设置起点

[path moveToPoint :btn. center ];

} else

{

[path addLineToPoint :btn. center ];

}

}

// 连接到当前点

[path addLineToPoint : _curP ];

// 设置连线样式

[[ UIColor greenColor ] set ];

path. lineWidth = 10 ;

path. lineJoinStyle = kCGLineJoinRound ;

[path stroke ];

}

#import <UIKit/UIKit.h>

@interface drawPath : UIBezierPath

@property ( nonatomic , strong ) UIColor *lineColor;

@end

#import <UIKit/UIKit.h>

@class drawPath ;

@interface DrawView : UIView

@property ( nonatomic , strong ) UIColor *lineColor; // 线条颜色

@property ( nonatomic , assign ) CGFloat lineWidth; // 线条宽度

@property ( nonatomic , strong ) UIImage *image; // 保存加载的图片

- ( void )eraseScreen; // 清屏

- ( void )undo; // 撤销

@end

#import "DrawView.h"

#import "drawPath.h"

@interface DrawView ()

@property ( nonatomic , strong ) drawPath *path; // 绘图路径

@property ( nonatomic , strong ) NSMutableArray *drawLines; // 路径数组

@end

// 数组 懒加载

- ( NSMutableArray *)drawLines

{

if ( _drawLines ==  nil ) {

_drawLines = [ NSMutableArray array ];

}

return    _drawLines ;

}

- ( void )setUp

{

// 设置手势

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

[ self addGestureRecognizer :pan];

_lineColor = [ UIColor blackColor ];

_lineWidth = 1 ;

}

- ( void )pan:( UIPanGestureRecognizer *)pan

{

// 获取当前点

CGPoint curPoint = [pan locationInView : self ];

if (pan. state == UIGestureRecognizerStateBegan )

{

// 设置起点

_path = [[ drawPath alloc ] init ];

_path . lineColor = _lineColor ;

_path . lineWidth = _lineWidth ;

[ _path moveToPoint :curPoint];

// 保存路径

[ self . drawLines addObject : _path ];

}

// 绘制

[ _path addLineToPoint :curPoint];

// 重绘

[ self  setNeedsDisplay ];

}

// xib 调用

- ( void )awakeFromNib

{

[ self setUp ];

}

// 代码调用

- ( instancetype )initWithFrame:( CGRect )frame

{

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

[ self setUp ];

}

returnself ;

}

// 清空屏幕

- ( void )drawRect:( CGRect )rect

{

for ( drawPath *path  in self . drawLines ) {

// 判断是不是图片

if ([path isKindOfClass :[ UIImage class ]]) {

// 绘制图片

UIImage *image = ( UIImage *)path;

[image drawInRect :rect];

}

// 不是图片就画线

else

{

[path. lineColor set ];

[path stroke ];

}

}

}

// 清屏

- ( void )eraseScreen

{

[ self . drawLines  removeAllObjects ];

[ self  setNeedsDisplay ];

}

// 撤销

- ( void )undo

{

[ self . drawLines  removeLastObject ];

[ self  setNeedsDisplay ];

}

// setter 方法，传入照片时进行刷新

- ( void )setImage:( UIImage *)image

{

_image = image;

// 添加图片到绘图数组

[ self . drawLines addObject : _image ];

[ self setNeedsDisplay ];

}

@property ( nonatomic , strong ) IBOutlet  DrawView *drawView; // 绘图面板

@property ( weak , nonatomic ) IBOutlet  UIImageView *imageView; // 加载的图片显示面板

// 清屏

- ( IBAction )eraseScreen:( UIBarButtonItem *)sender {

[ _drawView  eraseScreen ];

}

// 撤销

- ( IBAction )undo:( id )sender {

[ _drawView  undo ];

}

// 橡皮擦

- ( IBAction )eraser:( UIBarButtonItem *)sender {

if ([sender. title isEqualToString : @" 橡皮擦 " ]) {

sender. title = @" 绘图 " ;

_drawView . lineColor = [ UIColor  whiteColor ];

_drawView . lineWidth = 5 ;

}

else if ([sender. title isEqualToString : @" 绘图 " ]) {

sender. title = @" 橡皮擦 " ;

_drawView . lineColor = [ UIColor  blackColor ];

_drawView . lineWidth = 1 ;

}

}

// 保存图片到相册

- ( IBAction )save:( id )sender {

// 开启上下文

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

// 获取上下文

CGContextRef ref = UIGraphicsGetCurrentContext ();

// 渲染控制器到上下文

[ self . drawView . layer renderInContext :ref];

UIImage *image = UIGraphicsGetImageFromCurrentImageContext ();

// 关闭上下文

UIGraphicsEndImageContext ();

// 保存画板的内容放入相册

// image: 写入的图片

// completionTarget 图片保存监听者

// 注意：以后写入相册方法中，想要监听图片有没有保存完成，保存完成的方法不能随意乱写 , 必须传入这个方法 didFinishSavingWithError

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

// 保存到桌面

//    NSData *data = UIImagePNGRepresentation(image);

//    [data writeToFile:@"/Users/song/Desktop/sss.png" atomically:YES];

}

// 监听保存完成，必须实现这个方法

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

{

NSLog ( @" 图片保存成功 " );

}

// 从相册加载一张图片

- ( IBAction )photo:( id )sender {

// 初始化图片控制器

UIImagePickerController *pick = [[ UIImagePickerController  alloc ] init ];

// 设置路径

// 设置选择控制器的来源

// UIImagePickerControllerSourceTypePhotoLibrary 相册集

// UIImagePickerControllerSourceTypeSavedPhotosAlbum: 照片库

pick. sourceType = UIImagePickerControllerSourceTypeSavedPhotosAlbum ;

// 设置代理

pick. delegate = self ;

// modal 方式弹出图片控制器

[ self presentViewController :pick animated : YES completion : nil ];

}

// 图片代理

- ( void )imagePickerController:( UIImagePickerController *)picker didFinishPickingMediaWithInfo:( NSDictionary *)info

{

// 获取选中的图片

UIImage *image = info[ @"UIImagePickerControllerOriginalImage" ];

NSLog ( @"%@" ,image);

self . imageView . alpha = 1 ; // 可见

self . imageView . userInteractionEnabled = YES ; // 设置交互

self . imageView . image = image;

[ self  addGestures ]; // 添加手势

// 退出控制器

[ self  dismissViewControllerAnimated : YES  completion : nil ];

}

- ( void )addGestures

{

// 滑动

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

pan. delegate = self ;

[ self . imageView addGestureRecognizer :pan];

// 旋转

UIRotationGestureRecognizer *rotate = [[ UIRotationGestureRecognizer  alloc ] initWithTarget : self  action : @selector (rotate:)];

rotate. delegate = self ;

[ self . imageView addGestureRecognizer :rotate];

// 捏合

UIPinchGestureRecognizer *pinch = [[ UIPinchGestureRecognizer  alloc ] initWithTarget : self  action : @selector (pinch:)];

pinch. delegate = self ;

[ self . imageView addGestureRecognizer :pinch];

// 长按

UILongPressGestureRecognizer *lPress = [[ UILongPressGestureRecognizer  alloc ] initWithTarget : self  action : @selector (lPress:)];

[ self . imageView addGestureRecognizer :lPress];

// 点按

UITapGestureRecognizer *tap = [[ UITapGestureRecognizer  alloc ] initWithTarget : self  action : @selector (tap:)];

[ self . imageView addGestureRecognizer :tap];

}

// 同一时刻运行响应多个手势

- ( BOOL )gestureRecognizer:( UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:( UIGestureRecognizer *)otherGestureRecognizer

{

return YES ;

}

- ( void )pan:( UIPanGestureRecognizer *)pan

{

CGPoint curP = [pan translationInView : self . imageView ];

self . imageView . transform = CGAffineTransformTranslate ( self . imageView . transform , curP. x , curP. y );

// 复位

[pan setTranslation : CGPointZero inView : self . imageView ];

}

- ( void )pinch:( UIPinchGestureRecognizer *)pinch

{

CGFloat scale = pinch. scale ;

self . imageView . transform = CGAffineTransformScale ( self . imageView . transform , scale, scale);

// 复位

pinch. scale = 1 ;

}

- ( void )tap:( UITapGestureRecognizer *)tap

{

}

- ( void )lPress:( UILongPressGestureRecognizer *)lPress

{

// 截取图片到绘图面板

if (lPress. state == UIGestureRecognizerStateBegan )  {

[ UIView animateWithDuration : 0.25 animations :^{

self . imageView . alpha = 0.5 ;

} completion :^( BOOL finished) {

[ UIView animateWithDuration : 0.25 animations :^{

self . imageView . alpha = 1 ;

} completion :^( BOOL finished) {

// 截屏,使用之前定义的分类，包含头文件即可使用

UIImage *image = [ UIImage imageWithSnipView : self . drawView ];

self . imageView . alpha = 0 ;

_drawView . image = image; // 显示图片到绘图面板

}];

}];

}

}

- ( void )rotate:( UIRotationGestureRecognizer *)rotate

{

CGFloat rotation = rotate. rotation ;

self . imageView . transform = CGAffineTransformRotate ( self . imageView . transform , rotation);

// 复位

rotate. rotation = 0 ;

}

- ( IBAction )colorChange:( UIButton *)sender {

_drawView . lineColor = sender. backgroundColor ;

}

- ( IBAction )valueChange:( UISlider *)sender {

_drawView . lineWidth = sender. value * 10 ;

}