UIImageView中的UIButton不响应事件解决方案

 

如下：

 

CGRect imageRect = (CGRect){100, 100, 100, 100};  
UIImageView *imageView = [[[UIImageView alloc] initWithFrame:imageRect] autorelease];  
imageView.backgroundColor = [UIColor yellowColor];  
[self.view addSubview:imageView];  
UIButton *maskBtn = [UIButton buttonWithType:UIButtonTypeCustom];  
maskBtn.frame = imageView.bounds;  
maskBtn.backgroundColor = [UIColor redColor];  
[maskBtn addTarget:self action:@selector(maskBtnDidClick:) forControlEvents:UIControlEventTouchUpInside];  
[imageView addSubview:maskBtn];  

 

 

结果点击按钮不响应事件，小纠结了一下，在SO上得到信息：

 

UIImageView has userInteractionEnabled set to NO by default. You are adding the button as a subview to the image view. You should set it to YES.

所以，添加了一行代码，设置imageView响应用户交互即可：

 

CGRect imageRect = (CGRect){100, 100, 100, 100};  

UIImageView *imageView = [[[UIImageView alloc] initWithFrame:imageRect] autorelease];  

imageView.backgroundColor = [UIColor yellowColor];  

[self.view addSubview:imageView];  

imageView.userInteractionEnabled = YES;  
UIButton *maskBtn = [UIButton buttonWithType:UIButtonTypeCustom];  
maskBtn.frame = imageView.bounds;  
maskBtn.backgroundColor = [UIColor redColor];  
[maskBtn addTarget:self action:@selector(maskBtnDidClick:) forControlEvents:UIControlEventTouchUpInside];  
[imageView addSubview:maskBtn];  

 

 

这纯粹就是一个知识点引发的坑，因为以前在UIImageView上都是使用TapGesture来响应用户交互的，所以对这个坑没有太大印象 —— 我遇到过没？

 

上面代码所构建的视图层级大致如下：

其中红色方框代表的是UIImageView上的UIButton按钮。

参考View Programming Guide for iOS文档，当用户在红色按钮上点击了一下后：

1. 硬件设施会通知UIKit有触摸事件；

2. UIKit将触摸事件信息封装成UIEvent对象，分发给合适的视图；

    1) UIKit将事件对象放到当前App的事件队列中；

    2) 参考Event Handling Guide for iOS文档，当前App会从事件队列取出一个事件对象，然后发送给key window对象；

    3) key window对象通过Hit-Testing获取触摸事件发生时所在的视图对象；

    4) 通过Hit-Testing获得的视图成为第一个可以响应事件的对象，first responder，如果它不响应，则事件对象会沿着响应者链传递。响应者链，即Responder Chain，是由first responder到当前App对象所构成的一串对象，它们都继承于UIResponder类；

P.S. 具体描述可以见此文档。

3. 找到合适的处理事件的对象，比如上面代码是self（ViewController），响应事件做些事情；如果找不到就丢弃掉。