iOS学习之触摸事件

触摸事件

iOS中的事件:

在用户使用app过程中,会产生各种各样的事件。iOS中的事件可以分为3大类型:


触摸事件.png

加速计事件.png

远程控制事件.png

view的触摸事件处理:

响应者对象:

在iOS中不是任何对象都能处理事件,只有继承了UIResponder的对象才能接收并处理事件。我们称之为“响应者对象”。

UIApplication、UIViewController、UIView都继承自UIResponder,因此它们都是响应者对象,都能够接收并处理事件。

UIResponder:

UIResponder内部提供了以下方法来处理事件:

// 触摸事件
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event;
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event;
- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event;
- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event;

// 加速计事件
- (void)motionBegan:(UIEventSubtype)motion withEvent:(UIEvent *)event;
- (void)motionEnded:(UIEventSubtype)motion withEvent:(UIEvent *)event;
- (void)motionCancelled:(UIEventSubtype)motion withEvent:(UIEvent *)event;

// 远程控制事件
- (void)remoteControlReceivedWithEvent:(UIEvent *)event;

UIView的触摸事件处理:

UIView是UIResponder的子类,可以覆盖下列4个方法处理不同的触摸事件:

/* 一根或者多根手指开始触摸view,系统会自动调用view的下面方法 */
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event

/* 一根或者多根手指在view上移动,系统会自动调用view的下面方法(随着手指的移动,会持续调用该方法) */
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event

/* 一根或者多根手指离开view,系统会自动调用view的下面方法 */
- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event

/* 触摸结束前,某个系统事件(例如电话呼入)会打断触摸过程,系统会自动调用view的下面方法 */
- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event

// 提示:touches中存放的都是UITouch对象

UITouch:

当用户用一根手指触摸屏幕时,会创建一个与手指相关联的UITouch对象。一根手指对应一个UITouch对象。

UITouch的作用:
保存着跟手指相关的信息,比如触摸的位置、时间、阶段。

当手指移动时,系统会更新同一个UITouch对象,使之能够一直保存该手指在的触摸位置。当手指离开屏幕时,系统会销毁相应的UITouch对象。

提示:iPhone开发中,要避免使用双击事件!

UITouch的属性:

/* 触摸产生时所处的窗口 */
@property(nonatomic,readonly,retain) UIWindow    *window;

/* 触摸产生时所处的视图 */
@property(nonatomic,readonly,retain) UIView      *view;

/* 短时间内点按屏幕的次数,可以根据tapCount判断单击、双击或更多的点击 */
@property(nonatomic,readonly) NSUInteger          tapCount;

/*记录了触摸事件产生或变化时的时间,单位是秒 */
@property(nonatomic,readonly) NSTimeInterval      timestamp;

/* 当前触摸事件所处的状态 */
@property(nonatomic,readonly) UITouchPhase        phase;

UITouch的方法:

/*
*  返回值表示触摸在view上的位置
*  这里返回的位置是针对view的坐标系的(以view的左上角为原点(0, 0))
*  调用时传入的view参数为nil的话,返回的是触摸点在UIWindow的位置
*/
- (CGPoint)locationInView:(UIView *)view;

/* 该方法记录了前一个触摸点的位置 */
- (CGPoint)previousLocationInView:(UIView *)view;

UIEvent:

每产生一个事件,就会产生一个UIEvent对象。

UIEvent:称为事件对象,记录事件产生的时刻和类型。

UIEvent常见属性:

// 事件类型
@property(nonatomic,readonly) UIEventType     type;
@property(nonatomic,readonly) UIEventSubtype  subtype;

// 事件产生的时间
@property(nonatomic,readonly) NSTimeInterval  timestamp;

UIEvent还提供了相应的方法可以获得在某个view上面的触摸对象(UITouch)。

touches和event参数:

一次完整的触摸过程,会经历3个状态:

触摸开始:- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
触摸移动:- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
触摸结束:- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
触摸取消(可能会经历):- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event

4个触摸事件处理方法中,都有NSSet *touchesUIEvent *event两个参数。
一次完整的触摸过程中,只会产生一个事件对象,4个触摸方法都是同一个event参数。

如果两根手指同时触摸一个view,那么view只会调用一次touchesBegan:withEvent:方法,touches参数中装着2个UITouch对象。

如果这两根手指一前一后分开触摸同一个view,那么view会分别调用2次touchesBegan:withEvent:方法,并且每次调用时的touches参数中只包含一个UITouch对象。

根据touches中UITouch的个数可以判断出是单点触摸还是多点触摸。

事件的产生和传递:

发生触摸事件后,系统会将该事件加入到一个由UIApplication管理的事件队列中。

UIApplication会从事件队列中取出最前面的事件,并将事件分发下去以便处理,通常,先发送事件给应用程序的主窗口(keyWindow)。

主窗口会在视图层次结构中找到一个最合适的视图来处理触摸事件,这也是整个事件处理过程的第一步。

找到合适的视图控件后,就会调用视图控件的touches方法来作具体的事件处理:

  • touchesBegan…
  • touchesMoved…
  • touchedEnded…

如何寻找最合适的View?

  1. 先判断自己是否能够接收触摸事件,如果能够接收事件再继续往下判断。
  2. 再判断触摸的当前点在不在自己的身上。
  3. 如果在自己身上,它会从后往前遍历子控件,遍历出每一个子控件后,重复前面的两个步骤。
  4. 如果没有符合条件的子控件,那么它自己就是最适合的View。
  5. 注意:如果父控件不能接收触摸事件,那么子控件就不可能接收到触摸事件。

UIView不能接收触摸事件的三种情况:

  1. 不接收用户交互时不能够处理事件:
    userInteractionEnabled = NO
  2. 当一个控件隐藏的时候不能够接收事件:Hidden = YES的时候
  3. 当一个控件为透明白时候也不能够接收事件:alpha = 0.0 ~ 0.01
    注意:UIImageView的userInteractionEnabled默认就是NO,因此UIImageView以及它的子控件默认是不能接收触摸事件的。

事件传递示例:

事件传递示例.png

触摸事件的传递是从父控件传递到子控件:

  • 点击了绿色的view:UIApplication -> UIWindow -> 白色view -> 绿色view
  • 点击了蓝色的view:UIApplication -> UIWindow -> 白色view -> 橙色view -> 蓝色view
  • 点击了黄色的view:UIApplication -> UIWindow -> 白色view -> 橙色view -> 蓝色view -> 黄色view

响应者链条:

响应者链条:是由多个响应者对象连接起来的链条。

作用:能很清楚的看见每个响应者之间的联系,并且可以让一个事件多个对象处理。

事件传递的完整过程:

  1. 先将事件对象由上往下传递(由父控件传递给子控件),找到最合适的控件来处理这个事件。
  2. 调用最合适控件的touches….方法
  3. 如果调用了[supertouches….];就会将事件顺着响应者链条往上传递,传递给上一个响应者
  4. 接着就会调用上一个响应者的touches….方法

事件响应的过程:

  • 用户点击屏幕后产生的一个触摸事件,经过一系列的传递过程后,会找到最合适的视图控件来处理这个事件
  • 找到最合适的视图控件后,就会调用控件的touches方法来作具体的事件处理
  • 这些touches方法的默认做法是将事件顺着响应者链条向上传递,将事件交给上一个响应者进行处理

事件传递与响应的完整过程:

  • 在产生一个事件时,系统会将该事件加入到一个由UIApplication管理的事件队列中
  • UIApplication会从事件队列中取出最前面的事件,将它传递给先发送事件给应用程序的主窗口
  • 主窗口会调用hitTest方法寻找最适合的视图控件,找到后就会调用视图控件的touches方法来做具体的事情
  • 当调用touches方法,它的默认做法,就会将事件顺着响应者链条往上传递,传递给上一个响应者,接着就会调用上一个响应者的touches方法

如何去寻找上一个响应者?

  1. 如果当前的View是控制器的View,那么控制器就是上一个响应者.
  2. 如果当前的View不是控制器的View,那么它的父控件就是上一个响应者.
  3. 在视图层次结构的最顶级视图,如果也不能处理收到的事件或消息,则其将事件或消息传递给window对象进行处理
  4. 如果window对象也不处理,则其将事件或消息传递给UIApplication对象
  5. 如果UIApplication也不能处理该事件或消息,则将其丢弃

手势识别:

通过touches方法监听view触摸事件的缺点?

  1. 必须得自定义view,在自定义的View当中去实现touches方法.
  2. 由于是在view内部的touches方法中监听触摸事件,因此默认情况下,无法让其他外界对象监听view的触摸事件
  3. 不容易区分用户的具体手势行为(不容易区分是长按手势,还是缩放手势)这些等.

iOS 3.2之后,苹果推出了手势识别功能(Gesture Recognizer)在触摸事件处理方面大大简化了开发者的开发难度。

UIGestureRecognizer:

利用UIGestureRecognizer,能轻松识别用户在某个view上面做的一些常见手势。
UIGestureRecognizer是一个抽象类,定义了所有手势的基本行为,使用它的子类才能处理具体的手势。

UITapGestureRecognizer(敲击)
UIPinchGestureRecognizer(捏合,用于缩放)
UIPanGestureRecognizer(拖拽)
UISwipeGestureRecognizer(轻扫)
UIRotationGestureRecognizer(旋转)
UILongPressGestureRecognizer(长按)

UITapGestureRecognizer(点按手势):

每一个手势识别器的用法都差不多,比如UITapGestureRecognizer的使用步骤如下:

// 创建手势识别器对象
UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] init];

// 设置手势识别器对象的具体属性
// 连续敲击2次
tap.numberOfTapsRequired = 2;
// 需要2根手指一起敲击
tap.numberOfTouchesRequired = 2;

// 添加手势识别器到对应的view上
[self.iconView addGestureRecognizer:tap];

// 监听手势的触发
[tap addTarget:self action:@selector(tapIconView:)];

手势识别的状态:

typedef NS_ENUM(NSInteger, UIGestureRecognizerState) {
    // 没有触摸事件发生,所有手势识别的默认状态
    UIGestureRecognizerStatePossible,
    // 一个手势已经开始但尚未改变或者完成时
    UIGestureRecognizerStateBegan,
    // 手势状态改变
    UIGestureRecognizerStateChanged,
    // 手势完成
    UIGestureRecognizerStateEnded,
    // 手势取消,恢复至Possible状态
    UIGestureRecognizerStateCancelled,
    // 手势失败,恢复至Possible状态
    UIGestureRecognizerStateFailed,
    // 识别到手势识别
    UIGestureRecognizerStateRecognized = UIGestureRecognizerStateEnded
};

代码片段:

添加点按手势:

UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tap)];
// 手势也可以设置代理
tap.delegate = self;
// 添加手势
[self.imageV addGestureRecognizer:tap];

// 代理方法:
// 是否允许接收手指
-(BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch{
    // 让图片的左边不可以点击,
    // 获取当前手指所在的点.是在图片的左边还是在图片的右边.
    CGPoint curP = [touch locationInView:self.imageV];
    if (curP.x > self.imageV.bounds.size.width * 0.5) {
        // 在图片的右侧
        return YES;
    }else{
        // 在图片的左侧
        return NO;
    }
    return YES;
}

添加长按手势:

UILongPressGestureRecognizer *longP = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longP:)];
[self.imageV addGestureRecognizer:longP];

//当长按时调用这个方法会调用很多次,
// 当手指长按在上面不松,来回移动时,会持续调用,所以要判断它的状态.
- (void)longP:(UILongPressGestureRecognizer *)longP{
    if(longP.state == UIGestureRecognizerStateBegan){
        NSLog(@"开始长按");
    }else if(longP.state == UIGestureRecognizerStateChanged){
        NSLog(@"长按时手指移动");
    }else if(longP.state == UIGestureRecognizerStateEnded){
        NSLog(@"手指离开屏幕");
    }
}

添加轻扫手势:

// 添加轻扫手势1
UISwipeGestureRecognizer *swipe = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipe:)];
// 轻扫手势默认是向右边称轻扫,可以设置轻扫的方法.
// 一个轻扫手势只能设置一个方法的轻扫.想要让它有多个方向的手势,必须得要设置的
  swipe.direction =  UISwipeGestureRecognizerDirectionLeft;
  [self.imageV addGestureRecognizer:swipe];

// 添加轻扫手势2
UISwipeGestureRecognizer *swipe2 = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipe:)];
swipe2.direction =  UISwipeGestureRecognizerDirectionUp; [self.imageV addGestureRecognizer:swipe2];

// 轻扫手势的方法
- (void)swipe:(UISwipeGestureRecognizer *)swipe{
    // 判断的轻扫的方向
    if (swipe.direction == UISwipeGestureRecognizerDirectionLeft) {
        NSLog(@"向左轻扫");
    }else if(swipe.direction == UISwipeGestureRecognizerDirectionUp){
        NSLog(@"向上轻扫");
    }
}

添加拖动手势:

// 添加拖动手势
UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];
[self.imageV addGestureRecognizer:pan];

// 当手指拖动时调用
- (void)pan:(UIPanGestureRecognizer *)pan{
    // 拖动手势也有状态
    if(pan.state == UIGestureRecognizerStateBegan){
        //  开始拖动
    }else if(pan.state == UIGestureRecognizerStateChanged){
     //   获取当前手指移动的距离,是相对于最原始的点
        CGPoint transP = [pan translationInView:self.imageV];

    //    清空上一次的形变
        self.imageV.transform = CGAffineTransformMakeTranslation(transP.x,transP.y);
        self.imageV.transform = CGAffineTransformTranslate(self.imageV.transform, transP.x, transP.y);

    //    复位,让它相对于上一次.
        [pan setTranslation:CGPointZero inView:self.imageV];
    }else if(pan.state == UIGestureRecognizerStateEnded){
     //   结束拖动
    }
}

添加捏合手势:

// 添加捏合手势
UIPinchGestureRecognizer *pinGes = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(pinGes:)];
// 设置代理使其能够同时支持多个手势
pinGes.delegate = self;
[self.imageV addGestureRecognizer:pinGes];

// 捏合时调用
- (void)pinGes:(UIPinchGestureRecognizer *)pin{
    self.imageV.transform = CGAffineTransformScale(self.imageV.transform, pin.scale, pin.scale);
    // 复位
    [pin setScale:1];

}

添加旋转手势:

// 添加旋转手势
 UIRotationGestureRecognizer *rotation = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(rotation:)];
 // 设置代理使其能够同时支持多个手势
 rotation.delegate = self;
 [self.imageV addGestureRecognizer:rotation];

// 当手指开始旋转时调用.
- (void)rotation:(UIRotationGestureRecognizer *)rotation{
    self.imageV.transform = CGAffineTransformRotate(self.imageV.transform, rotation.rotation);
    // 复位.
    [rotation setRotation:0];
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容

  • 触摸事件iOS中的事件:在用户使用app过程中,会产生各种各样的事件。iOS中的事件可以分为3大类型 view的触...
    念念不忘一个丫头的容阅读 253评论 0 0
  • 好奇触摸事件是如何从屏幕转移到APP内的?困惑于Cell怎么突然不能点击了?纠结于如何实现这个奇葩响应需求?亦或是...
    Lotheve阅读 56,582评论 51 597
  • 在iOS开发中经常会涉及到触摸事件。本想自己总结一下,但是遇到了这篇文章,感觉总结的已经很到位,特此转载。作者:L...
    WQ_UESTC阅读 5,987评论 4 26
  • 本文来自:http://ios.jobbole.com/84081/ 前言: 按照时间顺序,事件的生命周期是这样的...
    HackerOnce阅读 2,830评论 1 10
  • 响应者对象 在iOS中不是任何对象都能处理事件,只有继承了UIResponder的对象才能接收并处理事件。我们称之...
    JonesCxy阅读 685评论 0 0