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];
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容