iOS自定义控件教程(二)关于响应链的那些事

iOS自定义控件教程(一)UIKit入门,布局入门
iOS自定义控件教程(二)响应链原理
iOS自定义控件教程(三)触摸事件和简单动画
iOS自定义控件教程(四)Target-Action响应模式

上一次我们一起做一个多段选择的自定义控件,顺便学习UIView的基本属性和方法。在iOS自定义控件教程(一)中我们完成了UILabel布局的工作,接下来我们一起研究一下触摸响应链原理。
最终实现的效果:Github下载源码

链式响应原理

先简单普及一下响应链原理,我们可以简单地认为iPhone屏幕就是一个容器,我们看到的各种控件(UIView和UIView子类)都是屏幕(UIWindow)这个容器中的子容器,最外层的容器是应用委托(AppDelegate)的属性keyWindow,其实UIWindow也是UIView的子类。

这些容器的相互关系,就是我们最早学数据结构接触的多叉树关系,keyWindow就是这棵树的Root,其它它的子View都是分支。例如上面的例子,我们用xcode进行调试可以得到下图。注意在调试过程中,才有这排功能:

12.png

得到下面的层级结构

屏幕快照 2016-01-04 11.13.53.png

在我们的Demo里面,总共有两个XXXSegmentView,第一个XXXSegmentView有四个子UILabel,而他的父View是当前ViewContoller的主View,一个背景是纯白色的全屏View

触摸事件被iPhone硬件接收到时,一个链式的触摸信号就被开启了。最先接收到触摸事件的是Root,也就是我们应用程序的keyWindowkeyWindow再将触摸事件传递给它的一级子View们。这个传递过程不需要开发者用代码实现,如果开发者有需要重写传递,需要使用的是UIView- (nullable UIView *)hitTest:(CGPoint)point withEvent:(nullable UIEvent *)event;方法。

这个方法返回的UIView,就是父View决定让哪个孩子作为这个触摸的响应View。这样,触摸事件就不断往下级传递,对应的View才能根据触摸事件改变样式。

新人在开发时,经常会遇到不响应触摸的情况。有两种常见的可能打断触摸链

1. 目标View到Root的分支中,有View没有开启触摸事件,打断了响应链传递。

这里需要知道UIView有一个基本属性叫做userInteractionEnabled,这个属性为YES时才能响应触摸事件。所以检查一下分支中是否有View的触摸开关被关闭。例如,UIImageView这个展示图片的类,默认就是不响应触摸链的,如果你需要继承它写一个新View,并且需要触摸,或者给他添加了需要触摸的子View,请修改他的userInteractionEnabled属性。

2. 目标View的触摸事件,因为层级关系被上层覆盖的View劫走,哪怕这个View可能是透明的

根据链式响应原理,父View会将触摸链传给符合相应条件,并且层级关系最上层的View,所以下层的View接收不到触摸事件,遇到这种情况,你可以根据需要进行处理。如果覆盖在上层View层级顺序有误,通过调用他们父View的两个方法可以轻松交换他们层级覆盖关系。

- (void)bringSubviewToFront:(UIView *)view;
- (void)sendSubviewToBack:(UIView *)view;

如果上层View就是要放在上面,那就关掉上层View的响应链,userInteractionEnabled设为NO,这样父View在进行hitTest时就会抛弃这个View,选择层级更低的View传递。

关于透明

这里请注意UIView的几个不同的属性。

backgroundColor 背景颜色,UIColor类
alpha 颜色中的alpha通道值,这个值范围0-1,等于0时完全透明,等于1时,完全不透明
hidden BOOL型,是否隐藏

这三个属性,都可以实现UIView隐身的效果。例如一个空的UIView,backgroundColor设为[UIColor clearColor]时,背景色是透明的;alpha设为0时,UIView也是透明的;hidden设为YES时,UIView同样不可见。

但他们的区别也很明显,backgroundColor属性的修改,不影响子View,所以子View不会因为父View的backgroundColor设为[UIColor clearColor]而隐藏,同时,父View同样响应触摸链。

而alpha值则不同,渲染时alpha值时一个叠加属性,例如父View透明度为0.5,子View透明度为0.5,这时渲染出来的真实效果,子View的透明的应该为0.5*0.5 = 0.25,所以当父View的alpha为0时,子View也是完全不可见的。另外,alpha为0的View,是不响应触摸链的。

最后这个hidden属性,直接从根源,决定要不要渲染这个View,不像alpha属性,是不需要渲染时计算最终的渲染效果的,因为这个属性为YES时,根本不进行渲染,所以渲染链都断了,子View也不会渲染了,更不会响应触摸了。

响应链hitTest的三个条件,就是userInteractionEnabled = YES,并且alpha != 0, 且hidden = NO。

小结

树型结构,既是UIView的触摸响应结构,也是渲染链结构,触摸链通过下面四个方法传递,UIViewUIResponder的子类,下面四个方法是触摸链传递的会调用的方法。分别对应开始移动结束取消四种状态。

- (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;```

渲染树型结构要更加简单一点,调用的是`- (void)setNeedsDisplay;`方法,也就是在父View的setNeedsDisplay方法中,调用子View的setNeedsDisplay方法,这个方法会通知View在下一个cpu时间里,进行重新渲染,也就是调用他们的`- (void)drawRect:(CGRect)rect;`方法实现绘制。

但是自从手势(UIGesture)加入之后,触摸链开发用的越来越少,但我们的[Demo](https://github.com/zsy78191/XXXSegmentView)还是使用了简单的触摸链。后面的章节我们将介绍功能更为便捷和强大手势(UIGesture)功能。

[iOS自定义控件教程(一)UIKit入门,布局入门](http://www.jianshu.com/p/fd495346402f)
[iOS自定义控件教程(二)响应链原理](http://www.jianshu.com/p/b3ce217eca5d)
[iOS自定义控件教程(三)触摸事件和简单动画](http://www.jianshu.com/p/58d9afb2b3d0)
[iOS自定义控件教程(四)Target-Action响应模式](http://www.jianshu.com/p/6ac4ebe84e60)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,839评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,543评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,116评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,371评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,384评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,111评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,416评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,053评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,558评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,007评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,117评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,756评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,324评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,315评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,539评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,578评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,877评论 2 345

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,520评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,029评论 4 62
  • 《神奇动物在哪里》票房口碑都炸裂了。 上映5天3.43亿,快赶上《潘金莲》12天的票房。 豆瓣评分8.1,跟《哈利...
    Sir电影阅读 1,530评论 2 21
  • (一) 遇见赤司的那一天,不,或者说是被赤司找到的那一天,他正在天台上看轻小说。阳光淡淡地洒在他的腿上,白色的头发...
    叫我国王阅读 1,409评论 0 1
  • 曾说在深夜里一次次地翻看她的心事 曾说将所有的时间都用来想念她 曾说没有她在的城市你不能入眠 曾说要和她如何同甘共...
    孤銘調漁阅读 319评论 4 1