繪畫板，繪畫板什麼牌子好

繪畫板，繪畫板什麼牌子好

知識點：將View上的資訊儲存到相簿

關於繪製圖形、路線

******************************************

#import <UIKit/UIKit.h>

@interface FFFPaintView : UIView

@property (nonatomic,strong) UIColor *lineColor;

@property(nonatomic,assign) CGFloat lineWithed;

@property (nonatomic,copy) CGFloat (^lineWithBlock)();

//清屏

-(void)clearScreen;

//回退

-(void)recede;

//橡皮擦

-(void)eraser;

@end

******************************************

#import "FFFPaintView.h"

@interface FFFBezierPath : UIBezierPath

@property (nonatomic,strong) UIColor *lineColor;

@end

@implementation FFFBezierPath

@end

 

@interface FFFPaintView ()

@property (nonatomic,strong) NSMutableArray *paths;

@end

@implementation FFFPaintView

 

-(NSMutableArray *)paths{

 

    if(_paths==nil){

    

        _paths = [NSMutableArray array];

    }

    return _paths;

}

//清屏

-(void)clearScreen{

    

//    注意這裡有時候移除全部的時候會出錯，所以為了防止，建議 == nil,即可，然後在重繪

    [self.paths removeAllObjects];

    self.paths = nil;

    //    重繪

    [self setNeedsDisplay];

}

//回退

-(void)recede{

    [self.paths removeLastObject];

    //    重繪

    [self setNeedsDisplay];

}

//橡皮擦

-(void)eraser{

    self.lineColor = self.backgroundColor;

    //    重繪

    [self setNeedsDisplay];

}

 

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{

//   擷取觸摸的對象

    UITouch *touch = [touches anyObject];

//    通過觸摸對象擷取手指的位置

    CGPoint point = [touch locationInView:touch.view];  

//    建立路徑對象

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

    [path moveToPoint:point];   

//    設定線的顏色

    path.lineColor = self.lineColor;

 

    if(self.lineWithBlock){

        path.lineWidth = self.lineWithBlock();

    }

//    下面的方法是無法擷取到值的

//    path.lineWidth = self.lineWithed;

//    NSLog(@"%f",self.lineWithed);

    

//    把path添加到數組中

    [self.paths addObject:path];

}

 

-(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event{

 

//    擷取觸摸的對象

    UITouch *touch = [touches anyObject];

    CGPoint point = [touch locationInView:touch.view];

    

//    使用數組當中最後一個路徑 來連線

    [[self.paths lastObject] addLineToPoint:point];

    

//    重繪

    [self setNeedsDisplay];

}

 

-(void)drawRect:(CGRect)rect{

//    遍曆所有的路徑渲染

    for (FFFBezierPath *path in self.paths) {

        [path.lineColor set];

        

//        設定樣式

        [path setLineCapStyle:kCGLineCapRound];

        [path setLineJoinStyle:kCGLineJoinRound];

    //    渲染

        [path stroke];

//        NSLog(@"%@",path);

    }

}

 

@end

 

************************************************************************************

 

#import "ViewController.h"

#import "FFFPaintView.h"

@interface ViewController ()

 

@property (weak, nonatomic) IBOutlet FFFPaintView *paintView;

 

@property (weak, nonatomic) IBOutlet UISlider *slider;

 

@property (weak, nonatomic) IBOutlet UIButton *firstButton;

 

@end

 

@implementation ViewController

//- (IBAction)slider:(UISlider *)sender {

//    

//    self.paintView.lineWithed = sender.value;

//    

//}

 

- (IBAction)savePaint {

    

//    開啟圖片類型的上下文

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

    

//    擷取當前上下文

    CGContextRef ctx = UIGraphicsGetCurrentContext();

    

//    把當前view的樣式，繪製到上下文當中

    [self.paintView.layer renderInContext:ctx];

    

//    儲存到相簿，同時從上下文中擷取圖片

    UIImageWriteToSavedPhotosAlbum(UIGraphicsGetImageFromCurrentImageContext(), nil, nil, nil);

    

//    關閉上下文

    UIGraphicsEndImageContext();

}

 

//清屏

-(IBAction)clearScreen{

    [self.paintView clearScreen];

}

//回退

-(IBAction)recede{

    [self.paintView recede];

}

//橡皮擦

-(IBAction)eraser{

    [self.paintView eraser];

}

 

- (void)viewDidLoad {

    [super viewDidLoad];

    [self.paintView setLineWithBlock:^CGFloat{

        return self.slider.value;

    }];

    self.paintView.lineColor = self.firstButton.backgroundColor;

}

 

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

    self.paintView.lineColor = sender.backgroundColor;

}

@end

 

 

************************************************************************************

 

 

 

************************************************************************************