iOS事件传递

首先让我们来看一下我们需要的效果图:

更改拖拽区域后的效果

如果我们仅在view上添加一个手势的话,只能在view拖拽的时候移动view,但是我们可以看到,在空白区域拖拽view的话也可以让view移动。那在拖拽view外拖拽是怎么让view进行移动的了?接下来我们将讲解这一实现过程。

如果你对事件传递这块原理都很了解那你可以直接跳过原理这块看代码实现。

一.事件传递响应链

UIResponder是所有事件的基类,这是因为它提供了很多用来处理事件的方法如:

- (nullable UIResponder*)nextResponder;

- (BOOL)canBecomeFirstResponder;    // default is NO
- (BOOL)becomeFirstResponder;

- (BOOL)canResignFirstResponder;    // default is YES
- (BOOL)resignFirstResponder;

- (BOOL)isFirstResponder;

// Generally, all responders which do custom touch handling should override all four of these methods.
// Your responder will receive either touchesEnded:withEvent: or touchesCancelled:withEvent: for each
// touch it is handling (those touches it received in touchesBegan:withEvent:).
// *** You must handle cancelled touches to ensure correct behavior in your application.  Failure to
// do so is very likely to lead to incorrect behavior or crashes.
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;
- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;
- (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;
- (void)touchesCancelled:(nullable NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;

通常我们看到的UIViewUIViewControllerUIApplication都是继承自该类。

接下来,我们来理解两个概念,事件传递和响应者链条。

1.事件传递

事件传递

如图所示,如果我们在子View中进行了事件的处理如重写- touchesBegan:WithEvent:方法,并打印信息,那么在点击该view的时候,就会打印所写信息。但是如果出现以下信息,那么该view就无法相应点击事件:

  • view.userInteractionEnabled = NO;
  • view.hidden = YES;
  • view.alpha <= 0.01;

那如果该子view无法响应点击事件时,事件会经历什么样的经过了?其实,如果当前 view 无法响应点击事件,那么事件就会被上一个 view 截获。如图,如果在子View中触发点击,但是子View无法响应操作,那么事件就会传递给控制器view。
当然了,如果控制器view也无法响应操作,那么会按照事件传递的流程,传递给上上一个能响应的控件。

那系统是如何判断事件传递过程的了?这里我们介绍两个系统方法,只要重写这两个方法,就可以模仿系统实现:

  • - hitTest:withEvent:用来返回一个最合适的view,返回nil 就表示没到合适的view
  • - pointInside:withEvent:判断点击的点,在不在当前viewbounds上。

2.响应者链条

当一个事件发生时,如果 first responder 不处理,UIKit框架会将事件传递给 next responder。每个响应者决定是自己处理事件还是将它传递给自己的下一个响应者。这个过程将持续到有一个响应者能够处理了该事件,亦或者没有响应者来处理。这种传递方式就构成响应者链条。

示意图:

响应者链条

二.代码实现

我们先来考虑一下实现过程:
1.首先我们考虑扩大左、右view的拖拽范围,那么我们就应该重写- hitTest:withEvent:
2.我们将左右拖拽view的拖拽区域,扩展为原来view高的1.5倍(或任意你想要的大小)。
3.判断点击的point(- hitTest:withEvent:传入)是否正在扩展后的点击区域内,返回正确匹配范围view,已达到延长拖拽区域的效果。

实现的效果参考图如下:

拖拽区域

代码实现如下:

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
    // leftDragView和rightDragView 1.5倍高度矩形区域成为拖拽区域
    
    // 计算leftDragView矩形拖拽区域
    CGFloat leftDragWH = self.leftDragView.height * 1.5;
    CGFloat leftDragX = self.leftDragView.center.x - leftDragWH * 0.5;
    CGFloat leftDragY = self.leftDragView.center.y - leftDragWH * 0.5;
    
    CGRect leftDragVRect = CGRectMake(leftDragX, leftDragY, leftDragWH, leftDragWH);
    
    // 计算rightDragView矩形拖拽区域
    CGFloat rightDragWH = self.rightDragView.height * 1.5;
    CGFloat rightDragX = self.rightDragView.center.x - rightDragWH * 0.5;
    CGFloat rightDragY = self.rightDragView.center.y - rightDragWH * 0.5;
    
    CGRect rightDragVRect = CGRectMake(rightDragX, rightDragY, rightDragWH, rightDragWH);
    
    if (CGRectContainsPoint(leftDragVRect, point)) {
        return self.leftDragView;
    } else if (CGRectContainsPoint(rightDragVRect, point)) {
        return self.rightDragView;
    } else {
        return [super hitTest:point withEvent:event];
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,657评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,662评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,143评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,732评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,837评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,036评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,126评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,868评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,315评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,641评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,773评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,859评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,584评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,676评论 2 351

推荐阅读更多精彩内容