美文网首页
iOS UI视图事件传递和响应

iOS UI视图事件传递和响应

作者: 凌云01 | 来源:发表于2020-09-08 13:18 被阅读0次

这也是面试官乐此不疲的问题,最近正好遇到了,就整理一下:

事件传递用到的两个核心方法


- (UIView*)hitTest:(CGPoint)pointwithEvent:(UIEvent*)event;

- (BOOL)pointInside:(CGPoint)pointwithEvent:(UIEvent*)event;

第一个方法返回的是一个UIView,是用来寻找最终哪一个视图来响应这个事件 第二个方法是用来判断某一个点击的位置是否在视图范围内,如果在就返回YES。

传递流程:

  • 当点击屏幕产生触摸事件时,消息循环(runloop)会接收到事件将事件加入到UIApplication管理的事件队列中,UIApplication从最前面的时间队列中取出事件进行分发,首先传给UIWindow。

  • UIWindow会调用hitTest:withEvent:方法,找到此次触摸事件初始点所在的视图。

  • hitTest:withEvent:方法中回调pointInside:withEvent:方法判断当前的触摸点是否在UIWindow范围内。

  • 如果返回YES,就会去遍历它的子视图来查找最终响应的子视图。

  • 如果没有返回 nil。

遍历使用倒序的方式来遍历子视图,也就是说最后添加的子视图会最先遍历,在每一个视图中都回去调用它的hitTest:withEvent:方法,可以理解为是一个递归调用。

调用hitTest:withEvent:时,会先判断当前视图(alpha > 0.01 ishidden == NO isUserInteractionEnabled = YES )这些都成立,才以倒序遍历调用 hitTest 方法 返回相应的视图

调用pointInside: withEvent:方法来判断这个点是否在当前视图范围内,如果满足条件则进入下一步,否则返回nil

时间传递与响应.png

案例分析:例如:在一个方形按钮中点击中间的圆形区域有效,而点击四角无效

image

核心思想是在pointInside: withEvent:方法中修改对应的区域

Xcode代码:


- (UIView*)hitTest:(CGPoint)pointwithEvent:(UIEvent*)event {

    if (!self.isUserInteractionEnabled || self.isHidden || self.alpha <= 0.01) {

        return nil;

    }

   if([self pointInside:point withEvent:event]) {

        //遍历子视图

        __blockUIView*hit =nil;

        [self.subviews enumerateObjectsUsingBlock:^(__kindof UIView * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {

            // 坐标转换

            CGPoint vonvertPoint = [sel fconvertPoint:point toView:obj];

            //调用子视图的hittest方法

            hit = [obj hitTest:vonvertPoint withEvent:event];

            // 如果找到了接受事件的对象,则停止遍历

            if(hit) {

                *stop =YES;

            }

        }];

        if(hit) {

            return hit;

        }else{

            return self;

        }

    }else{

        return nil;

    }

}

- (BOOL)pointInside:(CGPoint)pointwithEvent:(UIEvent*)event {

   CGFloat x1 = point.x;

   CGFloat y1 = point.y;

   CGFloat x2 = self.frame.size.width/2;

    CGFloat y2 = self.frame.size.height/2;

    // 视图为中心 半径画圆的区域

    doubledis =sqrt((x1-x2)*(x1-x2)+(y1-y2)*(y1-y2));

    if(dis <=self.frame.size.width/2) {

        returnYES;

    }else{

        returnNO;

    }

}

在下图中用户点击视图中的ViewD时,该如何响应呢?

image

UIWindow首先接收到响应,此响应包括用户点击的区域和一个封装好的UIEvent对象,然后UIWindow通过这些信息利用以下方法查找:

1. UIWindow会通过调用pointInside:withEvent:方法返回的YES得知用户点击的范围在ViewA中;

2. ViewA调用hitTest:withEvent:方法,在方法中遍历所有的subView(ViewB、ViewC)调用hitTest:withEvent:方法;

3. 在遍历中发现使用ViewC调用pointInside:withEvent:方法时返回YES,得知用户点击在ViewC范围之内;

4. ViewC调用hitTest:withEvent:方法,在方法中遍历所有的subView(ViewD、ViewE)调用hitTest:withEvent:方法;

  1. 在遍历中发现使用ViewD调用pointInside:withEvent:方法时返回YES,得知用户点击在ViewD范围之内;

6. 在ViewD调用hitTest:withEvent:方法之前发现View的subViews的count为0,故确定用户点击在ViewD之上。

UIWindow会用遍历subviews,使用每一个subview调用hitTest:withEvent:方法,如果用户点击在某一个subview上,pointInside:withEvent:方法返回YES,再用这个subview调用hitTest:withEvent:方法,依次类推,直到当前view没有子view或点击的位置没有在其任何子view之上,便确定用户点击在某view上

相关文章

  • OC总结篇 - UI视图

    UI视图 - 图像显现原理和滑动优化UI视图 - UI事件传递及视图响应链UI视图 - UITableView重用...

  • iOS UI视图事件传递和响应

    这也是面试官乐此不疲的问题,最近正好遇到了,就整理一下: 事件传递用到的两个核心方法 第一个方法返回的是一个UIV...

  • 面试知识集-UI事件传递,图像显示,性能优化,离屏渲染

    UIView与CALayer关系 事件传递与视图响应链 事件传递与视图响应链 图像显示原理 UI卡顿掉帧分析及解决...

  • iOS体系

    UI视图 UITableView 事件传递&视图响应 图像显示原理 UI卡顿、掉帧 UI绘制原理/异步绘制 离屏渲...

  • iOS-UI部分知识点整理

    UITableView相关 事件传递&视图响应 系统的UI事件传递机制是怎么样的 ? 使UITableView滚动...

  • UI视图事件传递、视图响应

    1、UIView和CALayer关系 UIView 包含 layer 和 backgroundColor 两个属性...

  • 关于ios多年面试的经验总结

    一、UI视图 其中包括事件传递、视图响应、UI布局、绘制、Tableview重用机制的理解等基本技术点,也包括如离...

  • 【iOS】iOS技术知识体系总结

    一、UI视图 其中包括事件传递、视图响应、UI布局、绘制、Tableview重用机制的理解等基本技术点,也包括如离...

  • iOS事件传递和视图响应

    iOS事件响应机制的事件传递流程 - (UIView *)hitTest:(CGPoint)point withE...

  • 面试题

    一、UI视图其中包括事件传递、视图响应、UI布局、绘制、Tableview重用机制的理解等基本技术点,也包括如离屏...

网友评论

      本文标题:iOS UI视图事件传递和响应

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