iOS 响应链和事件传递

作者: Maj_sunshine | 来源:发表于2018-05-07 10:38 被阅读584次

    首先要先学习下响应者对象UIResponder,只有继承UIResponder的的类,才能处理事件。

    NS_CLASS_AVAILABLE_IOS(2_0) @interface UIApplication : UIResponder
    
    NS_CLASS_AVAILABLE_IOS(2_0) @interface UIView : UIResponder <NSCoding, UIAppearance, UIAppearanceContainer, UIDynamicItem, UITraitEnvironment, UICoordinateSpace, UIFocusItem, CALayerDelegate>
    
    NS_CLASS_AVAILABLE_IOS(2_0) @interface UIViewController : UIResponder <NSCoding, UIAppearanceContainer, UITraitEnvironment, UIContentContainer, UIFocusEnvironment>
    
    @interface CALayer : NSObject <NSSecureCoding, CAMediaTiming>
    

    我们可以看出UIApplication,UIView,UIViewController都是继承自UIResponder类,可以响应和处理事件。CALayer不是UIResponder的子类,无法处理事件。

    我们有时候可能会通过UIResponder来查找控件的父视图控件。

    // 通过遍历button上的响应链来查找cell
    UIResponder *responder = button.nextResponder;
        while (responder) {
            if ([responder isKindOfClass:[SWSwimCircleItemTableViewCell class]]) {
                SWSwimCircleItemTableViewCell *cell = (SWSwimCircleItemTableViewCell *)responder;
              
                break;
            }
            responder = responder.nextResponder;
        }
    

    事件的分发和传递。

    1.当iOS程序中发生触摸事件后,系统会将事件加入到UIApplication管理的一个任务队列中
    2.UIApplication将处于任务队列最前端的事件向下分发。即UIWindow。
    3.UIWindow将事件向下分发,即UIView。
    4.UIView首先看自己是否能处理事件,触摸点是否在自己身上。如果能,那么继续寻找子视图。
    5.遍历子控件,重复以上两步。
    6.如果没有找到,那么自己就是事件处理者。如果
    7.如果自己不能处理,那么不做任何处理。
    其中 UIView不接受事件处理的情况主要有以下三种
    1)alpha <0.01
    2)userInteractionEnabled = NO
    3.hidden = YES.

    这个从父控件到子控件寻找处理事件最合适的view的过程,如果父视图不接受事件处理(上面三种情况),则子视图也不能接收事件。事件只要触摸了就会产生,关键在于是否有最合适的view来处理和接收事件,如果遍历到最后都没有最合适的view来接收事件,则该事件被废弃。

    现在有这么一个界面

    Simulator Screen Shot - iPhone 6s - 2018-05-04 at 15.17.30.png

    我们看界面都知道,如果点击按钮2视图,则响应的是按钮2,那为什么点击按钮2和按钮1的交界处会是按钮2响应呢。现在把绿色背景的userInteractionEnabled设置为NO,会发现,按钮1和按钮2都不会响应了。如果现在我们要扩大按钮2的点击范围怎么办,如果现在要让按钮1只点击左右区域40像素左右有效,其他地方都不让点击按钮1怎么办。

    怎么寻找最合适的view

    这里要用到两个方法。

    // 此方法返回的View是本次点击事件需要的最佳View
    - (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
    
    // 判断一个点是否落在范围内
    - (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event
    

    事件传递给窗口或控件的后,就调用hitTest:withEvent:方法寻找更合适的view,如果子控件是合适的view,则在子控件再调用hitTest:withEvent:查看子控件是不是合适的view,一直遍历,直到找到最合适的view,或者废弃事件。

    // 因为所有的视图类都是继承BaseView
    - (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
       // 1.判断当前控件能否接收事件
       if (self.userInteractionEnabled == NO || self.hidden == YES || self.alpha <= 0.01) return nil;
       // 2. 判断点在不在当前控件
       if ([self pointInside:point withEvent:event] == NO) return nil;
       // 3.从后往前遍历自己的子控件
       NSInteger count = self.subviews.count;
       for (NSInteger i = count - 1; i >= 0; i--) {
           UIView *childView = self.subviews[I];
           // 把当前控件上的坐标系转换成子控件上的坐标系
        CGPoint childP = [self convertPoint:point toView:childView];
          UIView *fitView = [childView hitTest:childP withEvent:event];
           if (fitView) { // 寻找到最合适的view
               return fitView;
           }
       }
       // 循环结束,表示没有比自己更合适的view
       return self;
       
    }
    
    • 所有当父视图userInteractionEnabled关闭时,return nil,子视图无法继续寻找最合适的view。
    • 在遍历过程中是从后往前遍历的子控件,图中按钮2在按钮1视图层级之上,所以遍历父视图的子视图时,按钮2是最合适的view,无法轮到按钮1。
    屏幕快照 2018-05-04 下午6.40.28.png

    上图视图层级从后往前依次是 CDA EFB 父视图。当点击界面发生触摸事件时,遍历父视图的子视图AB,从后往前遍历,先遍历A视图。

    如果 A视图不满足 alpha >0 && userInteractionEnabled = YES && hidden = NO,则A视图不是合适的View,返回nil。开始遍历父视图的另一个子视图 B。

    如果A视视图alpha >0 && userInteractionEnabled = YES && hidden = NO,即A视图可以接收触摸事件,并且触摸点在A视图内,则A视图为一个合适的View,但还要继续从后往前遍历A视图的子视图,

    如果A视图的所有子视图返回nil,则A视图则为最终合适的View。
    如果C视图可以接收触摸事件且触摸点在C视图中,并且C视图的所有子视图返回nil
    如果C视图作hitTest:withEvent:处理返回nil,则查看B视图满足条件。以此类推。

    判断触摸点是否在视图内

    上面算法判断的条件有一个判断一个点是否在视图内,使用的是下面这个系统方法。

    - (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event
    

    这个方法其实在开发中我们也经常用到,例如

    • 扩大按钮的点击范围。
    - (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent*)event {
        CGRect bounds = self.bounds;
         bounds = CGRectInset(bounds, -10, -10);
       // CGRectContainsPoint  判断点是否在矩形内
        return CGRectContainsPoint(bounds, point);
    }
    
    • 不规则的按钮点击区域


      Simulator Screen Shot - iPhone 8 Plus - 2018-05-07 at 10.01.46.png

      现在要设置按钮1的点击区域为上图
      自定义button,重写- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent*)event方法

    // // 改变图片的点击范围
    - (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event {
        
        // 控件范围宽度多40,高度20
        CGRect bounds = CGRectInset(self.bounds, -20, -20);
        NSLog(@"point = %@",NSStringFromCGPoint(point));
        UIBezierPath *path1 = [UIBezierPath bezierPathWithRect:CGRectMake(-20, 0, 40, 120)];
        UIBezierPath *path2 = [UIBezierPath bezierPathWithRect:CGRectMake(self.frame.size.width - 20, 0, 40, 120)];
        if (([path1 containsPoint:point] || [path2 containsPoint:point])&& CGRectContainsPoint(bounds, point)){
            //如果在path区域内,返回YES
            return YES;
        }
        return NO;
    }
    

    两个按钮的点击事件

     // 按钮1的点击事件
    - (void)button1Action:(UIButton *)button1 {
        NSLog(@"按钮1的frame%@",NSStringFromCGRect(button1.frame));
    }
    
     // 按钮2的点击事件
    - (void)button2Action:(UIButton *)button2 {
        NSLog(@"按钮2的frame%@",NSStringFromCGRect(button2.frame));
    }
    
    我们可以测试点击

    可以看出,

    • 不在不规则区域内点击,无法调用按钮1的点击事件,[self pointInside:point withEvent:event] == NO。
    • 在不规则区域内点击,[self pointInside:point withEvent:event] == YES,按钮1是最合适的view,调用按钮1的点击事件。
    • 在按钮1和按钮2区域内点击,调用按钮2的点击事件,因为按钮2图层在按钮1之上,遍历subviews时,从后往前遍历,先查看按钮2,按钮2调用- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event ,返回是最合适的view,调用按钮2的点击方法。

    响应者链

    响应链是从最合适的view开始传递,处理事件传递给下一个响应者,响应者链的传递方法是事件传递的反方法,如果所有响应者都不处理事件,则事件被丢弃。我们通常用响应者链来获取上几级响应者,方法是UIResponder的nextResponder方法。

    相关文章

      网友评论

        本文标题:iOS 响应链和事件传递

        本文链接:https://www.haomeiwen.com/subject/sjudrftx.html