首先让我们来看一下我们需要的效果图:
如果我们仅在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;
通常我们看到的UIView
、UIViewController
和UIApplication
都是继承自该类。
接下来,我们来理解两个概念,事件传递和响应者链条。
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:
判断点击的点,在不在当前view
的bounds
上。
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];
}
}