響應(yīng)者鏈詳解——尋找被觸摸的view

尋找被觸摸的View.jpg

在iOS系統(tǒng)中禾怠,當(dāng)用戶觸摸了一個view后返奉,一個完整的事件響應(yīng)是分為兩個過程的:

  1. 尋找被觸摸的view;
  2. 處理觸摸事件;

在本篇文章中我要介紹的是第一個過程吗氏。
每個UIView都有一個subViews數(shù)組(UIWindow也是UIView),最先添加的subView成為其第0個元素衡瓶,后來添加的今次成為第1,2牲证,...個元素哮针。
每個UIView都有方法一:-(UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event ;方法二:-(BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event;

下面我們將以這個例子來闡述:

Paste_Image.png

view0為ViewController的view,view1和view2被添加在view0上(先添加view1再添加view2)坦袍。
如果用戶點擊了view1十厢。

  • 系統(tǒng)會檢測到手指觸摸事件并將其放入當(dāng)前活動Application的事件隊列中,UIApplication會從事件隊列中取出觸摸事件并傳遞給key window 捂齐;
  • 然后key window會執(zhí)行方法一蛮放,該方法會先調(diào)用方法二,此時由于觸摸點是在key window的范圍內(nèi)奠宜,方法二會返回YES包颁;然后key window會給view0發(fā)hitTest:消息(即讓view0執(zhí)行方法一)瞻想,其方法一又調(diào)用其方法二,方法二還是會返回YES娩嚼;
  • 然后view0會給view2發(fā)hitTest:消息(view2執(zhí)行其方法一)蘑险,調(diào)用其方法二,此時由于點擊的是view1岳悟,觸摸點不在view2的范圍內(nèi)佃迄,方法二會返回NO,view2的方法一返回nil贵少;
  • 然后view0會再給view1發(fā)hitTest:消息(view1執(zhí)行其方法一)呵俏,調(diào)用其方法二,觸摸點在view1范圍內(nèi)滔灶,方法二返回YES普碎,由于view1的subViews中沒有元素了,其方法一將view1自己返回录平。此時随常,view1就作為被觸摸的view被找到了。

如果用戶點擊了view0(觸摸點不在view1或view2上)萄涯。

  • view1的view2的方法二都返回NO绪氛,它們的方法一都返回nil,此時涝影,view0的方法一將view0返回枣察,view0作為觸摸的view被找到了。

view找到了燃逻,我們來作個總結(jié):

  • 首先調(diào)用當(dāng)前視圖的pointInside:withEvent:方法判斷觸摸點是否在當(dāng)前視圖內(nèi)序目;
  • 若返回NO,則hitTest:withEvent:返回nil;
  • 若返回YES,則向當(dāng)前視圖的所有子視圖(subviews)發(fā)送hitTest:withEvent:消息,所有子視圖的遍歷順序是從top到bottom伯襟,即從subviews數(shù)組的末尾向前遍歷,直到有子視圖返回非空對象或者全部子視圖遍歷完畢猿涨;
  • 若有子視圖返回非空對象,則hitTest:withEvent:方法返回此對象,處理結(jié)束(不再對其它子視圖發(fā)送hitTest:消息)姆怪;
  • 如所有子視圖都返回非叛赚,則hitTest:withEvent:方法返回自身(self)。
    * 來自——hitTest:withEvent:方法流程 *

最后稽揭,我們再來為其寫一個應(yīng)用實例,

Paste_Image.png

如圖:topview作為ViewController的view俺附,view1,view2都是topView的子視圖,但view1覆蓋在view2溪掀。
如果不作處理事镣,我們是沒法點擊到view2的,因為被view1遮住了揪胃,這里我們設(shè)置view1的alpha為0.8璃哟,方便我們觀察氛琢。那么我們就來處理這個問題吧!
ViewController.m

@interface ViewController ()

@property(strong, nonatomic)UIView *mView0;
@property(strong, nonatomic)UIView *mView1;
@property(strong, nonatomic)TestView0 *mTopView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    
    _mTopView = [[TestView0 alloc]initWithFrame:self.view.bounds];
    self.view = _mTopView;
}

@end

TestView0.m

#import "TestView0.h"
@interface TestView0()
@property(strong, nonatomic)UIButton *mView1;
@property(strong, nonatomic)UIButton *mView2;
@end 

@implementation TestView0
-(instancetype)initWithFrame:(CGRect)frame{
    self = [super initWithFrame:frame];
    if (self) { 
        self.backgroundColor = [UIColor whiteColor];
        _mView1 = [[UIButton alloc]initWithFrame:CGRectMake(0, 0, 300, 400)];
        _mView2 = [[UIButton alloc]initWithFrame:CGRectMake(20, 100, 200, 200)];
        [_mView1 addTarget:self action:@selector(view1Action) forControlEvents:UIControlEventTouchUpInside];
        [_mView2 addTarget:self action:@selector(view2Action) forControlEvents:UIControlEventTouchUpInside];
        
        _mView1.backgroundColor = [UIColor orangeColor];
        _mView2.backgroundColor = [UIColor greenColor];
        
        _mView1.alpha = 0.8;
        
        [self addSubview:_mView2];
        [self addSubview:_mView1];
    }
    return self;
}

-(UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event{
    UIView *result = [super hitTest:point withEvent:event];
    CGPoint clickPoint = [_mView2 convertPoint:point fromView:self];
    if ([_mView2 pointInside:clickPoint withEvent:event]) {
        return _mView2;
    }
    return result;
}

 
-(void)view1Action{
    self.backgroundColor = [UIColor purpleColor];
}

 -(void)view2Action{
    self.backgroundColor = [UIColor redColor];
}

-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    self.backgroundColor = [UIColor whiteColor];
}

@end ```

結(jié)果:

![點擊view2區(qū)域](http://upload-images.jianshu.io/upload_images/2069613-80b1c8c213d8e395.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![點擊view1的其它區(qū)域](http://upload-images.jianshu.io/upload_images/2069613-e31b9211b6ff46ce.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)


![點擊topView](http://upload-images.jianshu.io/upload_images/2069613-68797ee2640182a8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)



參考:[hitTest:withEvent:方法流程](http://blog.csdn.net/jiajiayouba/article/details/23447145)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末随闪,一起剝皮案震驚了整個濱河市阳似,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蕴掏,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,576評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件调鲸,死亡現(xiàn)場離奇詭異盛杰,居然都是意外死亡,警方通過查閱死者的電腦和手機藐石,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評論 3 399
  • 文/潘曉璐 我一進店門即供,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人于微,你說我怎么就攤上這事逗嫡。” “怎么了株依?”我有些...
    開封第一講書人閱讀 168,017評論 0 360
  • 文/不壞的土叔 我叫張陵驱证,是天一觀的道長。 經(jīng)常有香客問我恋腕,道長抹锄,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,626評論 1 296
  • 正文 為了忘掉前任荠藤,我火速辦了婚禮伙单,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘哈肖。我一直安慰自己吻育,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,625評論 6 397
  • 文/花漫 我一把揭開白布淤井。 她就那樣靜靜地躺著布疼,像睡著了一般。 火紅的嫁衣襯著肌膚如雪币狠。 梳的紋絲不亂的頭發(fā)上缎除,一...
    開封第一講書人閱讀 52,255評論 1 308
  • 那天,我揣著相機與錄音总寻,去河邊找鬼器罐。 笑死,一個胖子當(dāng)著我的面吹牛渐行,可吹牛的內(nèi)容都是我干的轰坊。 我是一名探鬼主播铸董,決...
    沈念sama閱讀 40,825評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼肴沫!你這毒婦竟也來了粟害?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,729評論 0 276
  • 序言:老撾萬榮一對情侶失蹤颤芬,失蹤者是張志新(化名)和其女友劉穎悲幅,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體站蝠,經(jīng)...
    沈念sama閱讀 46,271評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡汰具,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,363評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了菱魔。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片留荔。...
    茶點故事閱讀 40,498評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖澜倦,靈堂內(nèi)的尸體忽然破棺而出聚蝶,到底是詐尸還是另有隱情,我是刑警寧澤藻治,帶...
    沈念sama閱讀 36,183評論 5 350
  • 正文 年R本政府宣布碘勉,位于F島的核電站,受9級特大地震影響桩卵,放射性物質(zhì)發(fā)生泄漏恰聘。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,867評論 3 333
  • 文/蒙蒙 一吸占、第九天 我趴在偏房一處隱蔽的房頂上張望晴叨。 院中可真熱鬧,春花似錦矾屯、人聲如沸兼蕊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽孙技。三九已至,卻和暖如春排作,著一層夾襖步出監(jiān)牢的瞬間牵啦,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評論 1 272
  • 我被黑心中介騙來泰國打工妄痪, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留哈雏,地道東北人。 一個月前我還...
    沈念sama閱讀 48,906評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像裳瘪,于是被迫代替她去往敵國和親土浸。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,507評論 2 359

推薦閱讀更多精彩內(nèi)容