iOS_触摸事件与手势识别
目 录:
一、触摸事件
1.1iOS的输入事件
1.2 触摸事件的处理
1.3 UITouch类中包含五个属性
1.4 UITouch类中包含两个成员函数
1.5响应者链
二、手势识别
2.1使用手势处理器(UIGestureRecognizer)
2.2案例分析
1.触摸事件:通过触摸、手势进行触发(例如手指点击、缩放)
2.运动事件:通过加速器进行触发(例如手机晃动)
3.远程控制事件:通过其他远程设备触发(例如耳机控制按钮)
下图是苹果官方对于这三种事件的形象描述:
iOS中许多事件对象都是UIEvent类的实例,UIEvent记录了事件所产生的时刻和事件类型。通过UIEvent对象的type属性可以获取事件的类型。在iOS中不是任何对象都能处理事件,只有继承了UIResponser的对象才能接收并处理事件。我们称之为“响应者对象”。UIApplication,UIViewController,UIView都继承自UIResponser,因此它们都是响应者对象,都能够接收并处理事件。
在以下三种情况下,不能接收事件
1.与用户交互的属性设为NO
2.hideen设为YES(隐藏)
3.alpha=0(透明)
1.2 触摸事件的处理
UIView是UIResponder的子类,可以覆盖下列4个方法处理不同的触摸事件。
1. 一根或者多根手指开始触摸屏幕
2.一根或者多根手指在屏幕上移动(随着手指的移动,会持续调用该方法)
3.一根或者多根手指离开屏幕
4.触摸结束前,某个系统事件(例如电话呼入)会打断触摸过程
- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event
1.3 UITouch类中包含五个属性
- window:触摸产生时所处的窗口。由于窗口可能发生变化,当前所在的窗口不一定是最开始的窗口
- view:触摸产生时所处的视图。由于视图可能发生变化,当前视图也不一定时最初的视图
- tapCount:点按操作和鼠标的单击操作类似,tapCount表示短时间内点按屏幕的次数。因此可以根据tapCount判断单击、双击或更多的点按
- timestamp:时间戳记录了触摸事件产生或变化时的时间,单位是秒
- phase:触摸事件在屏幕上有一个周期,即触摸开始、触摸点移动、触摸结束,还有中途取消。通过phase可以查看当前触摸事件在一个周期中所处的状态。phase是UITouchPhase类型的,是一个枚举配型,包含:
1.4 UITouch类中包含两个成员函数
1) - (CGPoint)locationInView:(UIView *)view:
返回一个CGPoint类型的值,表示触摸在view这个视图上的位置,这里返回的位置是针对view的坐标系的。调用时传入的view参数为空的话,返回的时触摸点在整个窗口的位置
2) - (CGPoint)previousLocationInView:(UIView *)view:
1.5响应者链
#import "ViewController.h" @interface ViewController () @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; //支持多点触摸 self.view.multipleTouchEnabled = YES; //接受用户触摸交互 self.view.userInteractionEnabled = YES; } //当用户手指开始接触控件或窗口事件时激发该方法 -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { /* 知识点补充: 1.当某个UIView发生触摸事件时,系统会将和事件相关的UITouch对象作为参数传入 2.因为可以有多根手指同时触发同一个事件,所以传给视图的是一组UITouch对象,保存在NSSet中,例如: 1)如果两根手指同时触摸某个视图,那么touchesBegan:withEvent:的第一个参数是包含两个UITouch实例的NSSet对象; 2)如果这两根手指一前一后分开触摸同一个视图,那么视图会收到两个独立的touchesBegan:withEvent:消息,并且每个NSSet对象中只包含一个UITouch对象 因此,根据NSSet中UITouch的个数可以判断出是单点触摸还是多点触摸 */ NSLog(@"触摸点击"); //通过读取touches创建新的UITouch对象 UITouch *touch = [touches anyObject]; //取出当前点击的坐标点 CGPoint location = [touch locationInView:self.view]; //取出上一个坐标点(适用于移动情况下,如果只是纯粹的两次触摸点击,无效果) CGPoint previousLocation = [touch previousLocationInView:self.view]; //打印输出坐标点 NSLog(@"%@,%@",NSStringFromCGPoint(location),NSStringFromCGPoint(previousLocation)); //输出所有的UITouch对象 // NSLog(@"%@",[touches allObjects]); } //当用户手指结束触摸控件时激发该方法 -(void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event { NSLog(@"触摸结束"); } //当用户手指在控件上移动时激发该方法 -(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event { NSLog(@"触摸移动"); } //当系统事件(比如内存低事件)中止了触碰事件时激发该方法 -(void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event { NSLog(@"取消触摸"); } @end
二、手势识别
2.1使用手势处理器(UIGestureRecognizer)
UITapGestureRecognizer | 点按手势 |
UIPinchGestureRecognizer | 捏合手势 |
UIPanGestureRecognizer | 拖动手势 |
UISwipeGestureRecognizer | 轻扫手势(滑动手势),支持四个方向的轻扫,但是不同的方向要分别定义轻扫手势 |
UIRotationGestureRecognizer | 旋转手势 |
UILongPressGestureRecognizer | 长按手势 |
#import "ViewController.h" @interface ViewController () @property (weak, nonatomic) IBOutlet UIView *myView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; //设置myView控件支持用户交互 self.myView.userInteractionEnabled = YES; //设置myView控件支持多点触碰 self.myView.multipleTouchEnabled = YES; //一、tap手势 //创建手势处理器,指定使用该控制器的tap:方法处理手势 UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tap:)]; //指定该手势处理器只处理几次触碰事件 tap.numberOfTapsRequired = 1; //指定该手势处理器只处理几个手指的触碰事件 tap.numberOfTouchesRequired = 2; //为myView控件添加手势处理器 [self.myView addGestureRecognizer:tap]; } //实现手势处理器的方法,该方法应该声明一个形参 //当该方法被激发时,手势处理器会作为参数传给该方法的参数 -(void)tap:(UITapGestureRecognizer *)sender { UIView *view = sender.view; if ([sender.view.backgroundColor isEqual:[UIColor redColor]]) { view.backgroundColor = [UIColor greenColor]; } else { view.backgroundColor = [UIColor redColor]; } } @end
#import "ViewController.h" @interface ViewController () @property (weak, nonatomic) IBOutlet UIView *myView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; //设置myView控件支持用户交互 self.myView.userInteractionEnabled = YES; //设置myView控件支持多点触碰 self.myView.multipleTouchEnabled = YES; //二、pinch手势(放大、缩小)(捏合) UIPinchGestureRecognizer *pinch = [[UIPinchGestureRecognizer alloc]initWithTarget:self action:@selector(pinch:)]; [self.view addGestureRecognizer:pinch]; } //实现手势处理器的方法,该方法应该声明一个形参 //当该方法被激发时,手势处理器会作为参数传给该方法的参数 -(void)pinch:(UIPinchGestureRecognizer *)sender { if (sender.state == UIGestureRecognizerStateRecognized) { //1.使用仿射变换获取当前的状态 CGAffineTransform transform = self.myView.transform; //2.按照变换系数对view进行变换 transform = CGAffineTransformScale(transform, sender.scale, sender.scale); //3.按照新的仿射变换进行变换视图 self.myView.transform = transform; } } @end
2.2.3使用UIRotationGestureRecognizer处理旋转手势
#import "ViewController.h" @interface ViewController () @property (weak, nonatomic) IBOutlet UIView *myView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; //设置myView控件支持用户交互 self.myView.userInteractionEnabled = YES; //设置myView控件支持多点触碰 self.myView.multipleTouchEnabled = YES; //三、Rotain手势(旋转) UIRotationGestureRecognizer *rotain = [[UIRotationGestureRecognizer alloc]initWithTarget:self action:@selector(rotain:)]; //给view控件添加手势处理器 [self.view addGestureRecognizer:rotain]; } -(void)rotain:(UIRotationGestureRecognizer *)sender { if (sender.state == UIGestureRecognizerStateChanged) { //方式一: //使用放射变换进行旋转 // self.myView.transform = CGAffineTransformMakeRotation(sender.rotation); //方式二: //1.使用仿射变换获取当前的状态 CGAffineTransform transform = self.myView.transform; //2.按照变换系数对view进行变换 transform = CGAffineTransformRotate(transform, sender.rotation); //3.按照新的仿射变换进行变换视图 self.myView.transform = transform; } sender.rotation = 0; /* 方式一与方式二的区别在于: 在执行之后方式一不需要进行复位操作,方式二需要进行复位。以防影响下一次操作。 注意:复位不是必须的,可以根据开发者的需要进行选择是否需要进行复位操作。 */ } @end
2.2.4使用UISwipeGestureRecognizer处理轻扫手势
#import "ViewController.h" @interface ViewController () @property (weak, nonatomic) IBOutlet UIView *myView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; //设置myView控件支持用户交互 self.myView.userInteractionEnabled = YES; //设置myView控件支持多点触碰 self.myView.multipleTouchEnabled = YES; //六、swipe手势(轻扫) UISwipeGestureRecognizer *swipe = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipe:)]; // swipe.direction = UISwipeGestureRecognizerDirectionRight | UISwipeGestureRecognizerDirectionLeft; [self.view addGestureRecognizer:swipe]; } -(void)swipe:(UISwipeGestureRecognizer *)sender { if (sender.direction == UISwipeGestureRecognizerDirectionRight) { NSLog(@"swipe right"); } else if (sender.direction == UISwipeGestureRecognizerDirectionLeft) { NSLog(@"swipe left"); } else if (sender.direction == UISwipeGestureRecognizerDirectionUp) { NSLog(@"swipe up"); } else if (sender.direction == UISwipeGestureRecognizerDirectionDown) { NSLog(@"swipe down"); } } @end
2.2.5使用UIPanGestureRecognizer处理拖动手势
#import "ViewController.h" @interface ViewController () @property (weak, nonatomic) IBOutlet UIView *myView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; //设置myView控件支持用户交互 self.myView.userInteractionEnabled = YES; //设置myView控件支持多点触碰 self.myView.multipleTouchEnabled = YES; //四、pan手势(拖动) UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(pan:)]; //指定该手势处理器处理的最小手指数 pan.minimumNumberOfTouches = 1; //指定该手势处理器处理的最da手指数 pan.maximumNumberOfTouches = 1; [self.myView addGestureRecognizer:pan]; } -(void)pan:(UIPanGestureRecognizer *)sender { //判断手势的状态 if (sender.state == UIGestureRecognizerStateChanged) { CGPoint offSetPoint = [sender translationInView:self.view]; CGPoint center = self.myView.center; self.myView.center = CGPointMake(center.x+offSetPoint.x, center.y+offSetPoint.y); // CGPoint velocity = [sender velocityInView:self.myView]; // CGPoint translation = [sender translationInView:self.myView]; // NSLog(@"%@,%@",velocity,translation); } //进行复位操作 [sender setTranslation:CGPointZero inView:self.view]; } @end
#import "ViewController.h" @interface ViewController () @property (weak, nonatomic) IBOutlet UIView *myView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; //设置myView控件支持用户交互 self.myView.userInteractionEnabled = YES; //设置myView控件支持多点触碰 self.myView.multipleTouchEnabled = YES; //五、longPress手势(长按) UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(longPress:)]; //指定该手势处理器只处理几个手指的触碰事件 longPress.numberOfTouchesRequired = 1; //长按的持续时间(按住多久之后才算做是长按) longPress.minimumPressDuration = 0.5f; //为控件添加长按手势 [self.myView addGestureRecognizer:longPress]; } -(void)longPress:(UILongPressGestureRecognizer *)sender { if (sender.state == UIGestureRecognizerStateChanged) { self.myView.backgroundColor = [UIColor yellowColor]; } else if (sender.state == UIGestureRecognizerStateEnded) { self.myView.backgroundColor = [UIColor redColor]; } } @end
知识扩充:UIView的常用方法