由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),响应事件做些事情;如果找不到就丢弃掉。


目录
相关文章
|
Android开发
UIWebView添加头部视图UIView
一开始是想到在用个scollview里面嵌入一个头部view,然后在头部view下面在嵌入一个webview。
140 0
UITextField 自定义使用
UITextField自定义使用(一)UITextField自定义使用(二)
506 0
|
Android开发 iOS开发 JavaScript
WKWebView代理方法解析
一.前言 上一篇文章已经对WKWebView做了一个简单的介绍,主要对它的一些方法和属性做了一个简单的介绍,今天看一下WKWebView的两个协议:WKNavigationDelegate 和 WKUIDelegate。
3184 0