IOS —— UIButton被点击响应的背后
一天打渔,三天晒网。大家猴又是我,坚持在工作日中的一日一博客。
今天聊的是有关上几篇文章提到的<事件响应链>的后续。在点击Button时,响应事件的背后到底发生了什么事
那提到文章内容前还是得复习一下的
事件传递,响应链到底是怎么样的呢?
至简的回答,传递是自上往下。响应则相反,是自下往上的。
虽然说起来很简单,但是在过程中涉及的方法还是比较多的
传递要经历hitTest,PointInside 等方法遍历控件、定位点的位置
响应要经历nextResponder 方法将父级控件们串联起来进行反馈
其中涉及的很多原理还是实际操作起来更易懂,这里就不在多提了。
往下开始结合代码及日志讲一讲UIButton这个特殊的UIView控件在点击,响应反应的背后
到底发生了什么
在一切的开头,那么肯定得创建一个UIButton对吧,这里简单附上一个方法创建xgButton对象
- (void)createButton{ _xgButton = [[XgButton alloc] initWithFrame:CGRectMake(100, 100, 20.f, 20.f)]; [_xgButton setBackgroundColor:[UIColor redColor]]; [_xgButton addTarget:self action:@selector(action) forControlEvents:UIControlEventTouchUpInside]; [self.view addSubview:_xgButton]; } - (void)action { NSLog(@"点击事件触发"); }
在Button添加到当前view前绑定了一个单击事件,点击时相应action方法。
因为是触摸的缘故,所以在XgButton中每个touch方法都打印NSLog(@"%s",__func__);查看当前执行顺序。
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event { NSLog(@"%s",__func__); [super touchesBegan:touches withEvent:event]; } - (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event { NSLog(@"%s",__func__); [super touchesEnded:touches withEvent:event]; } - (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event { NSLog(@"%s",__func__); [super touchesMoved:touches withEvent:event]; } - (void)touchesCancelled:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event { NSLog(@"%s",__func__); [super touchesCancelled:touches withEvent:event]; }
当一切准备就绪后,一切都不明了的情况下,当然是先运行一下程序点击一下xgButton查看下日志到底怎么说吧
2018-12-14 01:16:44.422578+0800 03-Button_Class[31004:2452161] -[XgButton touchesBegan:withEvent:]
2018-12-14 01:16:44.424209+0800 03-Button_Class[31004:2452161] -[XgButton touchesMoved:withEvent:]
2018-12-14 01:16:44.429849+0800 03-Button_Class[31004:2452161] -[XgButton touchesEnded:withEvent:]
2018-12-14 01:16:44.430500+0800 03-Button_Class[31004:2452161] 点击事件触发
咦,在单击事件方法action触发前,Button需要经过touch事件的判断,是否完成当前的控制器事件(ControlEvents)。
当前我们设定的是TouchUpInside,是当我们点击结束后才会响应事件。那如果点击结束TouchesEnd方法里的
[super touchesEnded:touches withEvent:event];
注释了,是不是就无法触发单击事件方法了呢?
验证一下说辞,先把touchesEnded中的传递方法注释了先。然后我们运行下程序验证下结果
2018-12-14 01:23:49.814269+0800 03-Button_Class[31063:2461947] -[XgButton touchesBegan:withEvent:]
2018-12-14 01:23:49.860960+0800 03-Button_Class[31063:2461947] -[XgButton touchesMoved:withEvent:]
2018-12-14 01:23:49.861451+0800 03-Button_Class[31063:2461947] -[XgButton touchesEnded:withEvent:]
结果是打印出来了,但是很明显action事件无法响应了。这说明响应链断了。当前的Button无法通过touchesEnded方法判断自身是否被点击结束了的事实。
所以无法触发action事件。
这说明UIButton在反馈自身被点击的过程中,需要经过touch事件的确定,确定自身是否达到了ControlEvent的要求,比方说本例子中的Button绑定的是单击按钮,松开后。Button能够反馈出与ControlEvent相同的结果时,向控制器证明了当前操作成功了。
以下是小剧场
Button:我被成功的点击了!可以根据这个结果进行正确的反馈了。我的控制器!
控制器:好嘞我知道了!这就给你颗糖
那么反馈不出相同结果时呢?
Button:*(呜呜呜呜) - 哑巴状态
控制器:你不出声,我可给不了你糖果哦溜了溜了
其他的ControlEvent类型也是一样的。
小总结一下
众所周知,当触摸事件发生的时候,事件的传递链是自上而下,遍历控件、点找到了这个button。
而UIButton被点击响应的背后,touch方法群体正在辛勤的工作。通过touch方法执行的结果的反馈。来判断当前Button是否被响应!
这里就简而要之的讲一讲,不足之处往后改进!