之前在文章《iOS-實現(xiàn)映客首頁TabBar和滑動隱藏NavBar和TabBar》中驶沼，提到了hitTest方法夯秃，但是沒有詳細(xì)說明，導(dǎo)致有童鞋不理解為什么要這么做苇经，這幾天把hitTest的資料整理了一下，在這里介紹一些宦言，解開疑惑扇单。

這篇文章，最終的目的就是解釋如何讓中間按鈕超出TabBar部分響應(yīng)點擊事件奠旺。效果圖如下：

中間按鈕超出了`TabBar`的區(qū)域效果圖

這篇文章將圍繞一下幾個問題來講：

1. hitTest是什么
2. hitTest的調(diào)用順序是怎么樣的
3. hitTest和事件傳遞有什么關(guān)系
4. hitTest是如何解決子視圖超出其視圖范圍還是能響應(yīng)觸摸事件的

下面我們一個一個來看蜘澜。

1. hitTest是什么

hitTest:withEvent:是UIView的一個方法，該方法會被系統(tǒng)調(diào)用响疚，是用于在視圖(UIView)層次結(jié)構(gòu)中找到一個最合適的UIView來響應(yīng)觸摸事件鄙信。

2. hitTest的調(diào)用順序是怎么樣的

一個觸摸事件事件傳遞順序大致如下：

touch->UIApplication->UIWindow->UIViewController.view->subViews->...->view

1） 觸摸事件傳遞順序

1. 當(dāng)用戶點擊屏幕時怖糊，會產(chǎn)生一個觸摸事件脆烟，系統(tǒng)會將該事件加入到由UIApplication管理的事件隊列中
2. UIApplication會從事件隊列中取出最早的事件進行分發(fā)處理，先發(fā)送事件給應(yīng)用程序的主窗口UIWindow
3. 主窗口會調(diào)用其hitTest:withEvent:方法在視圖(UIView)層次結(jié)構(gòu)中找到一個最合適的UIView來處理觸摸事件

2） hitTest調(diào)用順序

以下pointInside:withEvent:簡稱為pointInside圈膏，hitTest:withEvent:簡稱為hitTest

hitTest的代碼邏輯大致如下：

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
    //系統(tǒng)默認(rèn)會忽略isUserInteractionEnabled設(shè)置為NO践盼、隱藏鸦采、alpha小于等于0.01的視圖
    if (!self.isUserInteractionEnabled || self.isHidden || self.alpha <= 0.01) {
        return nil;
    }
    if ([self pointInside:point withEvent:event]) {
        for (UIView *subview in [self.subviews reverseObjectEnumerator]) {
            CGPoint convertedPoint = [subview convertPoint:point fromView:self];
            UIView *hitTestView = [subview hitTest:convertedPoint withEvent:event];
            if (hitTestView) {
                return hitTestView;
            }
        }
        return self;
    }
    return nil;
}

執(zhí)行順序如下：

1. 首先在當(dāng)前視圖的hitTest方法中調(diào)用pointInside方法判斷觸摸點是否在當(dāng)前視圖內(nèi)
2. 若pointInside方法返回NO，說明觸摸點不在當(dāng)前視圖內(nèi)咕幻，則當(dāng)前視圖的hitTest返回nil渔伯，該視圖不處理該事件
3. 若pointInside方法返回YES，說明觸摸點在當(dāng)前視圖內(nèi)肄程，則從最上層的子視圖開始（即從subviews數(shù)組的末尾向前遍歷）锣吼，遍歷當(dāng)前視圖的所有子視圖，調(diào)用子視圖的hitTest方法重復(fù)步驟1-3
4. 直到有子視圖的hitTest方法返回非空對象或者全部子視圖遍歷完畢
5. 若第一次有子視圖的hitTest方法返回非空對象蓝厌，則當(dāng)前視圖的hitTest方法就返回此對象玄叠，處理結(jié)束
6. 若所有子視圖的hitTest方法都返回nil，則當(dāng)前視圖的hitTest方法返回當(dāng)前視圖本身拓提，最終由該對象處理觸摸事件

上面的流程诸典，看著可能有點繞，我們來看下面一個例子

例子

上圖中有5個View崎苗，紅點為手指點擊區(qū)域狐粱，ViewA為父視圖，ViewB和ViewC為ViewA的子視圖胆数，ViewD和ViewE為ViewC的子視圖肌蜻。
（這里假設(shè)所有View都可以響應(yīng)點擊事件，而且ViewB在ViewC上層必尼，ViewD在ViewE上層蒋搜，即ViewB的addSubView：執(zhí)行在ViewC之后，ViewD的addSubView：執(zhí)行在ViewE之后）

當(dāng)點擊ViewE時判莉，hitTest執(zhí)行順序如下：
先看看點擊大致走向圖如下豆挽，其中，?部分為執(zhí)行pointInside為YES部分券盅，X部分執(zhí)行pointInside為NO部分帮哈，最終hitTest返回ViewE

hitTest走向圖

1. 首先調(diào)用ViewA的hitTest方法，由于觸摸點在其范圍內(nèi)锰镀，pointInside返回YES娘侍，遍歷其子視圖，依次調(diào)用ViewB和ViewC的hitTest方法
2. 執(zhí)行ViewB的hitTest方法泳炉，由于觸摸點是不在ViewB內(nèi)憾筏，其pointInside方法返回NO，hitTest返回nil
3. 執(zhí)行ViewC的hitTest方法花鹅，由于觸摸點是在ViewC內(nèi)氧腰，其pointInside方法返回YES，遍歷其子視圖刨肃，依次調(diào)用ViewD和ViewE的hitTest方法
4. 執(zhí)行ViewD的hitTest方法古拴，由于觸摸點是不在ViewD內(nèi)，其pointInside方法返回NO之景，所以其hitTest返回nil
5. 執(zhí)行ViewE的hitTest方法斤富，由于觸摸點是在 ViewE內(nèi)，其pointInside方法返回YES锻狗，由于其沒有子視圖了满力，其hitTest返回其本身
6. 最終，由ViewE來響應(yīng)該點擊事件

3. hitTest和事件傳遞有什么關(guān)系

事件傳遞的的順序和hitTest中pointInside返回為YES的視圖的執(zhí)行順序是相反的轻纪。事件傳遞是從最上層的視圖開始傳遞的油额，直到UIApplication。

拿我們上面的例子來說刻帚，hitTest執(zhí)行的結(jié)果是ViewE來響應(yīng)事件潦嘶，但是如果ViewE并不處理該事件，則其需要把該事件進行傳遞給下一個響應(yīng)者崇众，這個時候掂僵，它會將事件拋給ViewC航厚，如果ViewC也不處理事件，則其會將事件傳遞給ViewA锰蓬，如果ViewA也不處理幔睬，則該事件就不響應(yīng)了。

以下由蘋果官方文檔提供的事件傳遞圖

蘋果官方提供的事件傳遞圖

上圖事件的傳遞流程如下：

1. 首先芹扭，由initial view嘗試來處理事件麻顶，如果它處理不了，則會將事件傳遞給他的父視圖View
2. View嘗試處理該事件舱卡，如果其也處理不了辅肾，再傳遞給它的父視圖UIViewController.view
3. UIViewController.view嘗試來處理該事件，如果處理不了轮锥，將把該事件傳遞給UIViewController
4. UIViewController嘗試處理該事件矫钓，如果處理不了，將把該事件傳遞給主窗口Window
5. 主窗口Window嘗試來處理該事件交胚，如果處理不了份汗，將傳遞給應(yīng)用單例Application
6. 如果應(yīng)用單例Application也處理不了，則該事件將會被丟棄

4. hitTest是如何解決子視圖超出其視圖范圍還是能響應(yīng)觸摸事件的

我們來看看下面的圖蝴簇，下圖中中間按鈕超出了TabBar的區(qū)域

中間按鈕超出了`TabBar`的區(qū)域效果圖

Xcode中層級查看按鈕

我來看下這個圖的層級關(guān)系

層級結(jié)構(gòu)圖

從以上圖可以看出杯活，TabBar和UITableView，共同的父類為UILayoutContainerView熬词，而TabBar的層級旁钧，相對于UITableView高些，它和UITransitionView是同級的互拾。

當(dāng)我們點擊中間按鈕超出TabBar部分（“中間按鈕超出了TabBar
的區(qū)域效果圖”紅框部分）歪今，系統(tǒng)是如何處理的呢？我們跳過UIWindow颜矿，直接從UILayoutContainerView開始調(diào)用hitTest寄猩。

先看看大致走向圖，其中骑疆，?部分為執(zhí)行pointInside為YES部分田篇，X部分執(zhí)行pointInside為NO部分

hitTest走向圖

1. 調(diào)用UILayoutContainerView的hitTest方法，由于是在其區(qū)域內(nèi)箍铭，pointInside返回YES泊柬，再遍歷其子視圖，調(diào)用hitTest
2. 先調(diào)用TabBar的hitTest方法诈火，由于點擊區(qū)域是在TabBar之外的兽赁，所以pointInside返回NO，hitTest返回nil，TabBar并不響應(yīng)該事件
3. 再調(diào)用UITransitionView的hitTest方法刀崖，在其區(qū)域內(nèi)惊科，遞歸調(diào)用子視圖hitTest方法，直到調(diào)用UITableView在突出按鈕后的UITableViewCell的hitTest返回蒲跨，返回該Cell译断，最終由Cell響應(yīng)該事件

所以，系統(tǒng)默認(rèn)的處理方式或悲，超出TabBar區(qū)域，中間按鈕是不響應(yīng)該事件的堪唐，而是由其后視圖響應(yīng)巡语。

想要超出父視圖區(qū)域響應(yīng)點擊事件，必須將走向圖該為如下所示（其中淮菠，?部分為執(zhí)行pointInside為YES部分男公，X部分執(zhí)行pointInside為NO部分）：

修改后的hitTest走向圖

要讓中間按鈕響應(yīng)點擊超出TabBar按鈕部分的點擊事件，則需要重寫TabBar的hitTest方法了合陵，在執(zhí)行hitTest方法時枢赔，判斷點擊區(qū)域在中間按鈕的區(qū)域，則返回中間按鈕拥知，響應(yīng)該事件踏拜，代碼如下：

//重寫hitTest方法，去監(jiān)聽中間按鈕的點擊低剔，目的是為了讓凸出的部分點擊也有反應(yīng)
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
    
    //判斷當(dāng)前手指是否點擊到中間按鈕上速梗，如果是，則響應(yīng)按鈕點擊襟齿，其他則系統(tǒng)處理
    //首先判斷當(dāng)前View是否被隱藏了姻锁，隱藏了就不需要處理了
    if (self.isHidden == NO) {
        
        //將當(dāng)前tabbar的觸摸點轉(zhuǎn)換坐標(biāo)系，轉(zhuǎn)換到中間按鈕的身上猜欺，生成一個新的點
        CGPoint newP = [self convertPoint:point toView:self.centerBtn];
        
        //判斷如果這個新的點是在中間按鈕身上位隶，那么處理點擊事件最合適的view就是中間按鈕
        if ( [self.centerBtn pointInside:newP withEvent:event]) {
            return self.centerBtn;
        }
    }
    
    return [super hitTest:point withEvent:event];
}

童鞋的疑問

這里，之前童鞋有一個疑問：
問：直接在中間按鈕中事件hitTest直接來響應(yīng)點擊事件开皿，行不行呢涧黄？
答：答案當(dāng)然是不行的，如果你看懂了這篇文章副瀑，那就知道答案了弓熏。如果不在TabBar中重寫hitTest方法，系統(tǒng)是先調(diào)用TabBar的hitTest方法的糠睡，在調(diào)用該hitTest方法時挽鞠，判斷點擊超出TabBar部分，不在其區(qū)域內(nèi)，pointInside就返回NO了信认，hitTest直接返回nil材义，TabBar不能響應(yīng)該事件，其子視圖（中間按鈕）也就沒機會執(zhí)行hitTest方法了嫁赏。所以是不行的其掂。

參考文章

• Hit-Testing in iOS
• Event Delivery: The Responder Chain

如果覺得該文章對你有幫助，請幫忙點贊潦蝇，如果發(fā)現(xiàn)有錯誤款熬，請幫忙指出，謝謝攘乒！