UI 设计 绘图（涂鸦）

在Cocoa中，代表触摸对象的类是UITouch。当用户触摸屏幕后，就会产生相应的事件，所有相关的UITouch对象都被包装在事件中，被程序交由特定的对象来处理。UITouch对象直接包括触摸的详细信息。

UITouch类中包含5个属性：

             window：触摸产生时所处的窗口。由于窗口可能发生变化，当前所在的窗口不一定是最开始的窗口。

             view:触摸产生时所处的视图。由于视图可能发生变化，当前视图也不一定时最初的视图。

             tapCount：轻击（Tap）操作和鼠标的单击操作类似，tapCount表示短时间内轻击屏幕的次数。因此可以根据tapCount判断单击、双击或更多的轻击。

             timestamp：时间戳记录了触摸事件产生或变化时的时间。单位是秒。

             phase：触摸事件在屏幕上有一个周期，即触摸开始、触摸点移动、触摸结束，还有中途取消。而通过phase可以查看当前触摸事件在一个周期中所处的状态。phase是UITouchPhase类型的，这是一个枚举配型，包含了

·      UITouchPhaseBegan（触摸开始）

·      UITouchPhaseMoved（接触点移动）

·      UITouchPhaseStationary（接触点无移动）

·      UITouchPhaseEnded（触摸结束）

·      UITouchPhaseCancelled（触摸取消）

#import "AppDelegate.h"

#import "RootViewController"

@interface AppDelegate ()

@end

@implementation AppDelegate

-(BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions

{

         self.window = [[UIWindow alloc] initWithFrame : [UIScreen mainScreen] .bounds];

         self.window.backgroundColor = [UIColor whiteColor];

         [self.window makeKeyAndVisible];

         self.window.rootViewController = [RootViewController new];

         return YES;

}

#import<UIKit / UIKit.h>

@interface RootViewController : UIViewController

@end

#import "RootViewController.h"

#import "RootView.h"

@interface RootViewController ()

@property (nonatomic,strong)RootView * rootView;

@end

@implementation RootViewController

-(void) loadView

{

          self.rootView = [RootView alloc] initWithFrame:[[UIScreen mainScreen].bounds];

          self.view = self.rootView;

}

-(void)viewDidLoad

{

         //创建一个继承于UIView的根视图，作为画板界面

         [super viewDidLoad];

         RootView *rootView =[ [RootView alloc] initWithFrame:self.view.bounds];

         rootView.backgroundColor = [UIColor lightGrayColor];

         [self.view addSubview:rootView];

}

#import <UIKit/UIKit.h>

@interface RootView : UIView

#pragram mark - 声明属性（声明一个可变数组，用来存储线上点）

@property(nonatomic,strong)NSMutableArray *LineArray;

@property(nonatomic,strong)UIButton *button;

@end

#import "RootView.h"

@implementation RootView

-(instancetype) initWithFrame:(CGRect)fame

{

         if(self = [super initWithFrame : frame])

         {

                // [self  addAllView];(此处做一个修改，在这之前涂鸦不上去)

                self.lineArray = [NSMutableArray arrayWithCapacity:1];

         }

         return self;

}

- (void)drawRect:(CGRect)rect //这个方法不能直接调用

{

         //得到上下文

         CGContextRef  context = UIGraphicsGetCurrentContext();

         //设置画笔的颜色

         CGContextSetStrokeColorWithColor(context , [UIColor redColor].CGColor);

         //设置画笔的粗细

         CGContextSetLineWidth(context , 2.0);

        //由于count是NSUInteger类型（无符号整形）所以转化成int型的，才不会出现数组越界

        for(int i = 0;i < [_lineArray count];i ++)

        {

                  NSMutableArray *pointArray = [_lineArray objectAtIndex:i];

                  for(int j = 0;j < (int)pointArray.count - 1;j ++)//当count - 1后，才能保证j + 1不会越界

                  {

                             NSValue * firstPointValue = [pointArray objectAtIndex:j];

                             NSValue * secondPointValue = [pointArray objectAtIndext:j + 1];

                             CGPoint firstPoint = [firstPointValue CGPointValue];

                             CGPoint secondPoint = [secondPointValue CGPointValue];

                             //把笔触移动到一个点

                             CGContextMoveToPoint(context,firstPoint.x,firstPoint.y);

                             //笔触和另一个点要连成一个路径

                             CGContextAddLineToPoint(context,secondPoint.x,secondPoint.y);

                  }

        }

        //绘制

        CGContextStrokPath(context);

}

//设置一个按钮，给按钮一个方法，当摁按钮的时候就会撤销最后画上去的那一笔

- (void)addAllView

{

         self.button = [UIButton buttonWithType:UIButtonTypeRoundedRect];

         _button.frame = CGRectMake((self.frame.size.width - 100) / 2,self.frame.size.height - 50,100,30);

         _button.backgroundColor = [UIColor purpleColor];

         _button.showsTouchWhenHighlighted = YES;

         [_button setTitle:@"撤销" forState:UIControlStateNormal];

         [_button addTarget:self action:@selector(undoAction:) forControlEvents:UIControlEventTouchUpInside];

         [self addSubview:_button];

}

-(void)undoAction:(UIButton *)sender

{

         [_lineArray  removeLastObject];

         [self setNeedsDisplay];//重新绘制

}

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

{

          NSMutableArray * pointArray = [NSMutableArray arrayWithCapacity:1];

          [_lineArray addObject:pointArray];

}

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

{

          UITouch *touch = [touches anyObject];

          CGPoint point = [touches anyObject];

          NSLog(@"point = %@",NSStringFromCGPoint(point));

          NSMutableArray *pointArray = [_lineArray lastObject];

          NSValue *pointValue = [NSValue valueWithCGPoint: point];

          [pointArray addObject:pointValue];

          //重绘界面

          [self setNeedsDisplay];

}

//如果用的是MRC，则要将数组release掉

-(void) dealloc

{

          [_lineArray release];

          [super dealloc];

}

@end