iOS应用开发——小画板Demo

代码部分

TouchView.h

    #import <UIKit/UIKit.h>  
      
    @interface TouchView : UIView  
    {  
        NSMutableArray *points;  
        NSArray *points_all;  
        CGContextRef context;  
        UIColor *paint_clr;  
    }  
    @property (strong,nonatomic) NSMutableArray *points;  
    @property (strong,nonatomic) NSArray *points_all;  
    @property (strong,nonatomic) UIColor *paint_clr;  
      
    @end  

TouchView.m

    #import "TouchView.h"  
      
    @implementation TouchView  
    @synthesize points, points_all, paint_clr;  
      
    - (id)initWithFrame:(CGRect)frame  
    {  
        self = [super initWithFrame:frame];  
        if (self) {  
            // Initialization code  
            paint_clr = [UIColor greenColor];  
        }  
        return self;  
    }  
      
    // Only override drawRect: if you perform custom drawing.  
    // An empty implementation adversely affects performance during animation.  
    - (void)drawRect:(CGRect)rect  
    {  
        // Drawing code  
        if ((!self.points) || (self.points.count < 2)) {  
            return;  
        }  
            
        context = UIGraphicsGetCurrentContext();  
        //设置画笔粗细   
        CGContextSetLineWidth(context, 5.0f);  
        //设置画笔颜色  
        //[[UIColor blueColor]set ];  
        // [paint_clr set];  
        //CGContextSetStrokeColorWithColor(context, [[UIColor blueColor]CGColor]);  
        CGContextSetStrokeColorWithColor(context, [paint_clr CGColor]);  
          
        //画以前的轨迹  
        for (int j = 0 ; j < [self.points_all count]; j++) {  
            NSMutableArray *points_tmp = [points_all objectAtIndex:j];  
                  
                for (int i = 0;i < [points_tmp count]-1;i++)  
                {  
                    CGPoint point1 = [[points_tmp objectAtIndex:i] CGPointValue];  
                    CGPoint point2 = [[points_tmp objectAtIndex:(i+1)] CGPointValue];  
                    CGContextMoveToPoint(context, point1.x, point1.y);  
                    CGContextAddLineToPoint(context, point2.x, point2.y);  
                    CGContextStrokePath(context);  
                }  
            }  
          
        //画这次  
        for (int i=0; i < [self.points count]-1; i++) {  
            CGPoint point1 = [[self.points objectAtIndex:i] CGPointValue];  
            CGPoint point2 = [[self.points objectAtIndex:(i+1)] CGPointValue];  
            CGContextMoveToPoint(context, point1.x, point1.y);  
            CGContextAddLineToPoint(context, point2.x, point2.y);  
            CGContextStrokePath(context);  
        }      
    }  
      
    //不支持多点触摸  
    - (BOOL) isMultipleTouchEnabled  
    {  
        return NO;  
    }  
      
    //创建一个array，并且记录初始ponit  
    - (void) touchesBegan:(NSSet *) touches withEvent:(UIEvent *) event  
    {  
        self.points = [NSMutableArray array];  
        CGPoint pt = [[touches anyObject] locationInView:self];  
        [self.points addObject:[NSValue valueWithCGPoint:pt]];  
    }  
      
    //移动过程中记录这些points  
    //调用setNeedsDisplay，会触发drawRect方法的调用  
    - (void) touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event  
    {  
        CGPoint pt = [[touches anyObject] locationInView:self];  
        [self.points addObject:[NSValue valueWithCGPoint:pt]];  
        [self setNeedsDisplay];  
    }  
      
    - (void) touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event  
    {  
        NSMutableArray *points_tmp = [[NSMutableArray alloc] initWithArray:self.points];  
        if (self.points_all == nil) {  
            self.points_all = [[NSArray alloc] initWithObjects:points_tmp, nil];  
        }else {  
            self.points_all = [self.points_all arrayByAddingObject:points_tmp];  
        }  
    }  
    @end  

ViewController.h

#import <UIKit/UIKit.h>  
  
@class TouchView;  
@interface ViewController : UIViewController  
{  
    TouchView *tv;  
}  
@end

 

ViewController.m

    #import "ViewController.h"  
    #import "TouchView.h"  
      
    @interface ViewController ()  
      
    @end  
      
    @implementation ViewController  
      
    - (void)viewDidLoad  
    {  
        [super viewDidLoad];  
        // Do any additional setup after loading the view, typically from a nib.  
        self.view.userInteractionEnabled = YES;  
          
      // TouchView *tv = [[TouchView alloc]initWithFrame:CGRectMake(0.0f, 0.0f, 260.0f, 260.0f)];  
        tv = [[TouchView alloc]initWithFrame:self.view.frame];  
        tv.backgroundColor = [UIColor blackColor];  
          
        [self.view addSubview:tv];  
          
        UISegmentedControl *seg = [[UISegmentedControl alloc] initWithItems:[@"White Red Blue Green Yellow" componentsSeparatedByString:@" "]];  
        seg.segmentedControlStyle = UISegmentedControlSegmentCenter;  
        seg.tintColor = [UIColor blackColor];   
        seg.center = CGPointMake(self.view.center.x, (self.view.bounds.size.height - seg.bounds.size.height));   
        [self.view addSubview:seg];  
          
        [seg addTarget:self action:@selector(colorChange:) forControlEvents:UIControlEventValueChanged];  
    }  
      
    - (void)viewDidUnload  
    {  
        [super viewDidUnload];  
        // Release any retained subviews of the main view.  
    }  
      
    - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation  
    {  
        return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown);  
    }  
      
    - (void) colorChange: (UISegmentedControl *) seg  
    {  
        switch ([seg selectedSegmentIndex])  
        {  
            case 0:   
                tv.paint_clr = [UIColor whiteColor];  
                break;  
            case 1:  
                tv.paint_clr = [UIColor redColor];  
                break;  
            case 2:  
                tv.paint_clr = [UIColor blueColor];  
                break;  
            case 3:  
                tv.paint_clr = [UIColor greenColor];  
                break;  
            case 4:  
                tv.paint_clr = [UIColor yellowColor];  
                break;  
            default:  
                  
                break;  
        }  
    }  
      
    @end  

效果图