iOS-hitTest:withEvent與自定義hit-testing規則

在做tableView嵌套scrollView的時候怕手勢沖突,研究了一下hitTest,雖然最后沒用上,但是覺得比較有用,寫了一個DEMO,通過重寫hitTest:withEvent,實現了超出父視圖范圍響應觸摸事件等自定義hit-testing規則,我的理解還很粗淺,如果有錯誤或者更優解,歡迎大家指出,我看到后會立即修正~

DEMO

https://github.com/liulishuo/LLSHitTestView

預備知識(M了個JiOS developer library

對于觸摸事件的響應,首先要找到能夠響應該事件的對象,iOS是用hit-testing 來找到哪個視圖被觸摸了(hit-test view),也就是以keyWindow為起點,hit-test view為終點,逐級調用hitTest:withEvent。

MJ大神的圖

在每個視圖類的hitTest:withEvent:打印兩次log:1.調用時 2.返回值時


打印log的位置
觸摸view2
線索log

hitTest:withEvent:調用順序:...->base->view2->view3
hitTest:withEvent:返回順序: view3(nil) -> view2(self) -> base(view2)->...

觸摸view1
屏幕快照 2015-12-03 09.52.39.png

hitTest:withEvent:調用順序:...->base->view2(nil)-> base->view1
hitTest:withEvent:返回順序: view2(nil)->base, view1(self)->base(view1)->...

hitTest:withEvent:方法的處理流程:
  • 先調用pointInside:withEvent:判斷觸摸點是否在當前視圖內
    1.如果返回YES,那么該視圖的所有子視圖調用hitTest:withEvent,調用順序由層級低到高(top->bottom)依次調用。
    2.如果返回NO,那么hitTest:withEvent返回nil,該視圖的所有子視圖的分支全部被忽略

  • 如果某視圖的pointInside:withEvent:返回YES,并且他的所有子視圖hitTest:withEvent:都返回nil,或者該視圖沒有子視圖,那么該視圖的hitTest:withEvent:返回自己。

  • 如果子視圖的hitTest:withEvent:返回非空對象,那么當前視圖的hitTest:withEvent:也返回這個對象,也就是沿原路回推,最終將hit-test view傳遞給keyWindow

  • 以下視圖的hitTest:withEvent:方法會返回nil,導致自身和其所有子視圖不能被hit-testing發現,無法響應觸摸事件:
    1.隱藏(hidden=YES)的視圖
    2.禁止用戶操作(userInteractionEnabled=NO)的視圖
    3.alpha<0.01的視圖
    4.視圖超出父視圖的區域

思路

既然系統通過hitTest:withEvent:做傳遞鏈取回hit-test view,那么我們可以在其中一環修改傳遞回的對象,從而改變正常的事件響應鏈。

實現

  • 強制指定某視圖響應觸摸事件:
    將截獲的對象替換成指定的對象,可以隨便替換,只要在替換時你能拿到要替換的對象的實例。穿透scrollView點擊scrollView后面的button就是這樣做的。可以試試換成一個(hidden=YES、userInteractionEnabled=NO、alpha<0.01)的對象,比較違反直覺,被隱藏\禁用手勢的視圖一樣能響應觸摸事件。
    經測試,將返回的hit-test view替換為加了手勢的view,該view hidden=YES、userInteractionEnabled=NO、alpha<0.01三種情況都可響應事件,但是如果替換為button,并且button的userInteractionEnabled=NO或者enable=NO那么無法響應事件。

  • 忽略指定的視圖:
    在hitTest:withEvent:里篩選返回值,針對指定的對象返回nil

if([view isEqual:XXX])
 {
       return nil;
 }

這樣做的好處是不會阻斷hit-testing檢測,既可忽略指定的視圖又不會屏蔽其子視圖。

  • 定制觸摸事件的響應范圍
    在hitTest:withEvent:里篩選point,判斷point在不在指定的范圍內
    if(_path)
    {
          if(!CGPathContainsPoint(_path.CGPath, NULL, point, NO))
          {
              return nil;
          }
    }

_path 是一段bezier曲線,詳見代碼。

  • 超出父視圖范圍響應
    選定一個節點,遍歷他的所有子節點用pointInside:withEvent:判斷是否命中,直到找到命中的最低層級的視圖,此時我們已經拋棄了系統的hit-testing規則。
- (UIView *)getTargetView:(UIView *)view
                    point:(CGPoint)point
                    event:(UIEvent *)event
{
    
    __block UIView *subView;
    
    //逆序 由層級最低 也就是最上層的子視圖開始
    [view.subviews enumerateObjectsWithOptions:NSEnumerationReverse usingBlock:^(__kindof UIView * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
        //point 從view 轉到 obj中
        CGPoint hitPoint = [obj convertPoint:point fromView:view];
        //        NSLog(@"%@ - %@",NSStringFromCGPoint(point),NSStringFromCGPoint(hitPoint));
        
        if([obj pointInside:hitPoint withEvent:event])//在當前視圖范圍內
        {
            if(obj.subviews.count != 0)
            {
                //如果有子視圖 遞歸
                subView = [self getTargetView:obj point:hitPoint event:event];
                
                if(!subView)
                {
                    //如果沒找到 提交當前視圖
                    subView = obj;
                }
            }
            else
            {
                subView = obj;
            }
            
            *stop = YES;
        }
        else//不在當前視圖范圍內
        {
            if(obj.subviews.count != 0)
            {
                //如果有子視圖 遞歸
                subView = [self getTargetView:obj point:hitPoint event:event];
            }
        }
        
    }];
    
    return subView;
}
LLSHitTestView ![層級關系](http://upload-images.jianshu.io/upload_images/226702-c46b85b96314e86d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

我們在層級比較高的view1使用自定義的hit-testing規則,其上的2、3、4,無論是否超出邊界,均能正常響應點擊事件,詳見代碼。

問題

  • 為什么一次觸摸會觸發兩次hitTest:withEvent:?
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,431評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,637評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,555評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,900評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,629評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,976評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,976評論 3 448
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,139評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,686評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,411評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,641評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,129評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,820評論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,233評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,567評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,362評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,604評論 2 380

推薦閱讀更多精彩內容

  • 好奇觸摸事件是如何從屏幕轉移到APP內的?困惑于Cell怎么突然不能點擊了?糾結于如何實現這個奇葩響應需求?亦或是...
    Lotheve閱讀 57,746評論 51 602
  • 在iOS開發中經常會涉及到觸摸事件。本想自己總結一下,但是遇到了這篇文章,感覺總結的已經很到位,特此轉載。作者:L...
    WQ_UESTC閱讀 6,074評論 4 26
  • 用戶以多種方式操縱他們的iOS設備,例如觸摸屏幕或搖動設備。 iOS會解釋用戶何時以及如何操作硬件并將此信息傳遞到...
    坤坤同學閱讀 4,022評論 7 19
  • 前言: 按照時間順序,事件的生命周期是這樣的:事件的產生和傳遞(事件如何從父控件傳遞到子控件并尋找到最合適的vie...
    VV木公子閱讀 139,786評論 194 1,202
  • 前言:按照時間順序,事件的生命周期是這樣的:事件的產生和傳遞(事件如何從父控件傳遞到子控件并尋找到最合適的view...
    貝勒老爺閱讀 1,011評論 1 9