2017.05.08 20:40* 字数 1306 阅读 740评论 6喜欢 9

工作接近一年,很久没有更新博客。工作中学到很多知识点后面将花时间整理,作为对一年知识学习的总结:

下面是本篇博客的写作思路:

iOS-Responder Chain.png

人与计算机交互

目前计算机在我们生活中扮演很重要的角色,我们与计算机之间的交互也很普遍。多数情况使用最多的是 PC 和 移动端,而两种交互方式有很大的不同

  • PC 与人的交互
  • 移动端与人的交互

a) 在 PC 端我们通过键盘、鼠标等来对界面的内容进行操作和完成相关的任务

b)在移动端我们可以通过手指对界面内容进行点击控件和实现相应的操作

这里提出一个疑问,PC 端我们通过点击可以实现控件的相关操作。但是移动端我们手指点击控件是怎么被检测点击的位置、传递信息和做出相应的操作呢?

这里引入一个概念:Responder Chain (响应者链)

Responder Chain (响应者链)

  • NSResponder.h 头文件的源码
  • UIKit 控件之间的继承关系

NSResponder.h 头文件的源码

在我们点击手机屏幕的一个控件时,与 Responder Chain (响应者链)之间联系紧密。下面是小编在 UIKit 框架中找到相应相关的代码,如下:

@interface UIResponder : NSObject <UIResponderStandardEditActions>

@property(nonatomic, readonly, nullable) UIResponder *nextResponder;

- (nullable UIResponder*)nextResponder;

@property(nonatomic, readonly) BOOL canBecomeFirstResponder;    // default is NO

- (BOOL)canBecomeFirstResponder;    // default is NO

- (BOOL)becomeFirstResponder;

@property(nonatomic, readonly) BOOL canResignFirstResponder;

- (BOOL)canResignFirstResponder;    // default is YES

- (BOOL)resignFirstResponder;

@property(nonatomic, readonly) BOOL isFirstResponder;

- (BOOL)isFirstResponder;

- (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:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;

- (void)touchesEstimatedPropertiesUpdated:(NSSet<UITouch *> *)touches NS_AVAILABLE_IOS(9_1);

- (void)pressesBegan:(NSSet<UIPress *> *)presses withEvent:(nullable UIPressesEvent *)event NS_AVAILABLE_IOS(9_0);

- (void)pressesChanged:(NSSet<UIPress *> *)presses withEvent:(nullable UIPressesEvent *)event NS_AVAILABLE_IOS(9_0);

- (void)pressesEnded:(NSSet<UIPress *> *)presses withEvent:(nullable UIPressesEvent *)event NS_AVAILABLE_IOS(9_0);

- (void)pressesCancelled:(NSSet<UIPress *> *)presses withEvent:(nullable UIPressesEvent *)event NS_AVAILABLE_IOS(9_0);

在上面 <UIKit/UIResponder.h> 的文件中我们可以看出 UIResponder 的类可以实现 Touch 和 Press 相关操作的做出监听

UIKit 控件之间的继承关系

下面是小编对 UIKit 框架中点击相应控件有关 Class (类)继承关系整理,如下图:

iOS-Responder Chain-UIKit.png

由上面我们可以看出,在界面上我们平时使用控件时通过继承 UIResponder 来实现对界面 Touch 和 Press 相关操作的做出监听

响应链的创建

  • 控制器中的 View 树状结构
  • 点击相应的测试&打印

控制器中的View树状结构

在手机的 GUI 中我们多数情况下使用 UIViewController 和 UINavigationViewController 控制器来实现界面控件的管理,其中以控制器的 View 为界面显示创建和添加控件,最后形成 View 的控件树状结构

GUI 手机界面中,我们知道 UIView 中用 property (属性) superView 可以用来添加新的 UIView 到当前的 View 中,添加的子类 View 中 property (属性) nextResponder 可以指向父类 View 的 property (属性) superView

每一个 ViewController 中有 property(属性) view -> 既self.view 来进行添加子类 View,同样:view 的 property (属性) 通过 property (属性) nextResponder 来指向 ViewController

下图是 View 初始化布局:

iOS-Responder Chain-View-Front.png

iOS-Responder Chain-View-Hierarchy.png

点击相应的测试&打印

在定义的 ViewA1 中重写touch方法:

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {

UIResponder *next = [self nextResponder];

NSMutableString *prefix  = @"".mutableCopy;

while (nil != next) {

NSLog(@"%@%@", prefix, [next class]);

[prefix appendString:@"--"];

next = [next nextResponder];

}

}

点击 ViewA1 得到的打印结果:

2017-05-08 23:55:12.278 DesignPattern-Create[19441:727956] ViewA0

2017-05-08 23:55:12.278 DesignPattern-Create[19441:727956] --ViewA

2017-05-08 23:55:12.278 DesignPattern-Create[19441:727956] ----UIView

2017-05-08 23:55:12.279 DesignPattern-Create[19441:727956] ------ViewController

2017-05-08 23:55:12.279 DesignPattern-Create[19441:727956] --------UIWindow

2017-05-08 23:55:12.279 DesignPattern-Create[19441:727956] ----------UIApplication

2017-05-08 23:55:12.280 DesignPattern-Create[19441:727956] ------------AppDelegate

基于上面:小编从上面代码打印的结果可以验证,子 View 的 property(属性) nextResponder 指向父 View,父类的 View 的property(属性) nextResponder 最后指向 ViewController

如何找打第一响应者

  • 探测器 Hit - Test
  • 寻找第一相应的探测猜想

探测器Hit - Test

在响应链查找过程中,有两个函数起到很重要的作用

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event;

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

在响应链创建的情况下,我们在把寻找响应者的过程称为:Hit - Testing View 在寻找相应 View 的过程称为:Hit - Test

我们把 Hit - Test 可以比作一个探测器,通过这个探测器来检测手指点击在哪个 UIView 上面

通过上面的继承关系和点击后打印出的结果可以看到,当我们点击界面 UIApplication 就会调用 hitTest: withEvent 查看点击是否在 UIWindow 中如果不在就返回 nil , 如果在 UIWindow 也会调用 hitTest: withEvent 对UIWindow 中 subViews 进行探测

hitTest: withEvent 在探测过程中采用我们比较常见 递归的方式来查找点击 UIView, 通过我们在初始化过程中最后被初始化的放在最上面

在点击 ViewA1 来进行验证下一个 nextResponder 过程中在每一个 View重写 hitTest 如下:

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {

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

return nil;

}

NSLog(@"ResponderChain : %@", [self class]);

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

for (UIView *subView in [self.subviews reverseObjectEnumerator]) {

CGPoint converPoin = [subView convertPoint:point fromView:self];

UIView *hitTestView = [subView hitTest:converPoin withEvent:event];

if (hitTestView) {

NSLog(@"ViewA : hitTestView -> %@", [hitTestView class]);

return hitTestView;

}

}

return self;

}

return nil;

}

点击 ViewA1 得到打印的结果如下:

2017-05-09 07:42:05.968 DesignPattern-Create[1197:22554] ResponderChain : ViewB

2017-05-09 07:42:05.969 DesignPattern-Create[1197:22554] ResponderChain : ViewA

2017-05-09 07:42:05.969 DesignPattern-Create[1197:22554] ResponderChain : ViewA0

2017-05-09 07:42:05.969 DesignPattern-Create[1197:22554] ResponderChain : ViewA1

寻找第一相应的探测猜想

根据打印的结果,我们可以验证点击具体查找的流程如下图所示:(实例是点击 viewA1)

UIApplication —> UIWindow —> viewB —> viewA —> viewA0 —> viewA1

iOS-Responder Chain-Hit-Testing-View.png

利用响应者在应用中的体现

  • 改变控件的相应范围

改变控件的相应范围

我们可以利用 hitTest 根据 point 方式来重新设置 ponit 的点击相应的范围大小

在 ViewB1 中实现点击相应范围在布局显示基础上下左右拓展 10 px,实现代码如下:

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {

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

return nil;

}

NSLog(@"ResponderChain : %@", [self class]);

CGRect touchRect = CGRectInset(self.bounds, -10, -10);

if (CGRectContainsPoint(touchRect, point)) {

for (UIView *subView in [self.subviews reverseObjectEnumerator]) {

CGPoint converPoint = [subView convertPoint:point fromView:self];

UIView *hitTestView = [subView hitTest:converPoint withEvent:event];

if (hitTestView) {

NSLog(@"ViewB1 : hitTestView -> %@", [hitTestView class]);

return hitTestView;

}

}

return self;

}

return nil;

}

ViewB1 界面中实际范围,和点击相应的 viewB1 外的虚框的范围也会做出相应的相应。如下图:

iOS-Responder Chain-Apply.png

打印的结果:

2017-05-09 10:34:00.437 DesignPattern-Create[1197:22554] ResponderChain : ViewB

2017-05-09 10:34:00.437 DesignPattern-Create[1197:22554] ResponderChain : ViewB1

2017-05-09 10:34:00.437 DesignPattern-Create[1197:22554] ViewB : hitTestView -> ViewB1

Dome下载地址

iOS-响应链(Responder Chain)的更多相关文章

  1. iOS 响应链

    一.UIResponder app 使用响应者对象接收和处理事件,只有继承 UIResponder 的类,才能处理事件. UIApplication.UIView.UIViewController 都 ...

  2. iOS响应链和传递机制

    iOS中加载的时候会先执行main函数 int main(int argc, charchar * argv[]) { @autoreleasepool { return UIApplicationM ...

  3. iOS响应链原理

    ios找到被点击的view的过程是从根view开始递归地调用hitTest方法,直到有一个子view的hitTest方法返回自身:如果所有一级子view的hitTest方法都返回nil,那么根view ...

  4. 【IOS笔记】Event Delivery: The Responder Chain

    Event Delivery: The Responder Chain  事件分发--响应链 When you design your app, it’s likely that you want t ...

  5. iOS响应者链和事件传递机制

    原文来自:http://www.cnblogs.com/zhw511006/p/3517248.html 响应者链(Responder Chain) 通常,一个iOS应用中,在一块屏幕上通常有很多的U ...

  6. hitTest:WithEvent 和Responder Chain

    这个方法是找到那个View被touch,当找到后就成为响应链的第一个了,如果他不能处理这个Event,那么就找nextResponder 直至application 如果不能处理,那就会丢弃掉. ht ...

  7. Event Handling Guide for iOS--(三)---Event Delivery: The Responder Chain

    Event Delivery: The Responder Chain 事件传递:响应链 When you design your app, it’s likely that you want to ...

  8. 响应链和UIKit框架

    Event Delivery: The Responder Chain When you design your app, it’s likely that you want to respond t ...

  9. iOS事件响应链(Responder Chain)

    概述 在iOS中,视图的层级一般都是 父视图->添加各种子视图.这时候某个视图(子视图)上有个按钮,需要我们交互.但是有时候我们会发现无论如何都没有反应.这时候可能就是我们对iOS的事件传递响应 ...

随机推荐

  1. xp,windows7,windows8,windows10那个系统好用些

    Windows XP:这曾经是微软史上最好的.最受欢迎.最受好评的可以说空前绝后的系统,虽然,XP系统对电脑配置的要求很低,基本现在所有的电脑都支持安装该系统,可它太老旧了,到2014年4-5月份微软 ...

  2. Docker 从入门到实践(二)Docker 三个基本概念

    一.Docker 的三个进本概念? 了解 Docker 的三个基本概念,就可以大致了解 Docker 的生命周期. 镜像(Image) 容器(Container) 仓库(Repository) 二.镜 ...

  3. Ecto 总结

    ecto 简介 ecto 相当于 elixir 的 ORM,但是得益于 elixir 语言,和传统的 ORM 相比,更加简洁和强大. ecto 主要分为 4 部分: Repo: 这是和真正数据库交互的 ...

  4. 【夯实PHP基础】PHP多进程-- pcntl_fork实现

    本文地址 参考文档 分享提纲: 1. 概述 2.安装(只支持Linux) 3. 代码实验多进程pcntl_fork 4. 具体解释 1. 概述 PHP有个pcntl_fork的函数可以实现多进程,但要 ...

  5. java.util.concurrent包学习笔记(一)Executor框架

    类图: 其实从类图我们能发现concurrent包(除去java.util.concurrent.atomic 和 java.util.concurrent.locks)中的内容并没有特别多,大概分为 ...

  6. http: server gave HTTP response to HTTPS client & Get https://192.168.2.119/v2/: dial tcp 192.168.2.119:443: getsockopt: connection refused

    http: server gave HTTP response to HTTPS client 出现这问题的原因是:Docker自从1.3.X之后docker registry交互默认使用的是HTTP ...

  7. 通过JS如何获取IP地址

    通过JS获取你真实的外网IP和内网IP,就算开代理也没有用,想想真是太可怕了,还能不能愉快的装逼了! 代码: //get the IP addresses associated with an acc ...

  8. UVA12265-Selling Land(单调栈)

    Problem UVA12265-Selling Land Accept: 137  Submit: 782Time Limit: 3000 mSec Problem Description Inpu ...

  9. [matlab] 19.matlab 基础几何学

    polyshape  函数可创建由二维顶点定义的多边形,并返回具有描述其顶点.实心区域和孔的各种属性的 polyshape 对象.例如,pgon = polyshape([0 0 1 1],[1 0 ...

  10. Java时间api