前言
小伙伴們?cè)陂_發(fā)中是否遇到過這樣的需求呢敌土,一個(gè)控件的某個(gè)部分被另外一個(gè)控件遮擋住瞳遍,當(dāng)點(diǎn)擊這個(gè)重疊部分時(shí),需要響應(yīng)被遮蓋控件的點(diǎn)擊事件睦优,就如下圖所示
當(dāng)我們點(diǎn)擊區(qū)域3時(shí)渗常,響應(yīng)藍(lán)色按鈕的點(diǎn)擊事件,點(diǎn)擊區(qū)域1和2時(shí)汗盘,響應(yīng)紅色按鈕的點(diǎn)擊事件皱碘,對(duì)于區(qū)域1和3沒什么好說的,那如何讓紅色按鈕響應(yīng)區(qū)域2的點(diǎn)擊呢隐孽?這就是筆者今天要講的內(nèi)容癌椿。
事件傳遞
大家應(yīng)該都知道健蕊,事件從應(yīng)用程序開始,按照從上到下的順序(UIApplication -> UIWindow -> rootViewController -> ...)一級(jí)一級(jí)傳遞踢俄,并且系統(tǒng)在尋找最適合處理事件的控件時(shí)缩功,是從后往前遍歷子控件的(網(wǎng)上資料太多,不做詳細(xì)闡述褪贵,請(qǐng)自行百度)
上圖中藍(lán)色按鈕在紅色按鈕之后添加掂之,當(dāng)系統(tǒng)尋找最適合的控件時(shí),藍(lán)色按鈕在紅色按鈕之前被找到脆丁,系統(tǒng)發(fā)現(xiàn)藍(lán)色按鈕很適合處理事件世舰,所以方法便返回了,紅色按鈕就沒有了處理事件的機(jī)會(huì)槽卫。
系統(tǒng)如何尋找最適合控件
- 判斷自己能否接受觸摸事件跟压,如果不能,返回nil
- 判斷觸摸點(diǎn)是否在自己身上歼培,如果不能震蒋,返回nil
- 從后往前遍歷子控件,重復(fù)上面的步驟躲庄,如果沒有適合的子控件查剖,返回自己
我們來看看系統(tǒng)內(nèi)部是如何實(shí)現(xiàn)的,筆者這里自定義了一個(gè)UIWindow噪窘,讓它成為主窗口笋庄,并重寫它的hitTest方法,運(yùn)行之后倔监,其事件處理功能直砂,與系統(tǒng)的類似,所以系統(tǒng)內(nèi)部大概就是這樣實(shí)現(xiàn)的
當(dāng)一個(gè)控件的透明度小于某個(gè)值時(shí)浩习,就不再響應(yīng)事件静暂,上圖中0.01僅僅是為了測(cè)試,并非準(zhǔn)確的值谱秽,要注意的就是洽蛀,對(duì)于繼承自UIControl的控件,還需要判斷enable的值
事件穿透
既然系統(tǒng)尋找最合適控件的方法滿足不了我們疟赊,那我們就重寫系統(tǒng)的方法
思路
- 點(diǎn)擊藍(lán)色按鈕的區(qū)域2辱士,紅色按鈕響應(yīng)事件,那肯定要重寫藍(lán)色按鈕的hitTest方法
- 在hitTest方法中听绳,將觸摸點(diǎn)的坐標(biāo)系從藍(lán)色按鈕轉(zhuǎn)換到紅色按鈕上,即以紅色按鈕左上角為原點(diǎn)
- 坐標(biāo)系轉(zhuǎn)換后异赫,判斷觸摸點(diǎn)是否在紅色按鈕上椅挣,如果是头岔,直接返回紅色按鈕(嚴(yán)謹(jǐn)一點(diǎn)的做法是調(diào)用紅色按鈕的hitTest方法),如果不是鼠证,那就調(diào)用系統(tǒng)的方法峡竣,讓系統(tǒng)去處理
有了思路,那萬事具備只欠東風(fēng)了量九,接下來上東風(fēng)
新建一個(gè)類适掰,繼承自UIButton,筆者這里直接命名為BlueButton荠列,修改sb\xib中藍(lán)色按鈕的類型為BlueButton
將紅色按鈕連線到BlueButton.m文件中类浪,不用試了,直接連是連不了的肌似,我們可以先在BlueButton.m中定義一個(gè)屬性费就,前面加上IBOutlet,然后單擊圖中的空心圓川队,拖到紅色按鈕上就OK了
最后力细,在BlueButton.m中重寫藍(lán)色按鈕的hitTest方法,代碼如下
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
CGPoint redBtnPoint = [self convertPoint:point toView:_redButton];
if ([_redButton pointInside:redBtnPoint withEvent:event]) {
return _redButton;
}
//如果希望嚴(yán)謹(jǐn)一點(diǎn)固额,可以將上面if語句及里面代碼替換成如下代碼
//UIView *view = [_redButton hitTest: redBtnPoint withEvent: event];
//if (view) return view;
return [super hitTest:point withEvent:event];
}
來看運(yùn)行結(jié)果眠蚂,點(diǎn)擊區(qū)域2時(shí),紅色按鈕高亮并響應(yīng)事件