在講述UI事件傳遞之前,先要知道UIView 和 UILayer的區(qū)別是什么.簡(jiǎn)而言之
- UIView為其提供內(nèi)容,以及負(fù)責(zé)處理觸摸等事件,參與響應(yīng)鏈
- CALayer負(fù)責(zé)顯示內(nèi)容contents
UIView只負(fù)責(zé)事件傳遞和視圖響應(yīng)鏈,而顯示部分的內(nèi)容都是由CALayer來負(fù)責(zé), 這提現(xiàn)了系統(tǒng)設(shè)計(jì)UIView和CALayer中所運(yùn)用的一個(gè)設(shè)計(jì)原則,就是單一職責(zé)原則.
接下來看看這幅圖
- 思考一下,當(dāng)點(diǎn)擊圖中白圈那個(gè)位置的時(shí)候,事件是如何進(jìn)行傳遞的呢.
事件的傳遞主要和兩個(gè)方法有關(guān)
// 返回哪個(gè)視圖響應(yīng)這個(gè)事件,返回nil表示不處理該事件
-(UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
// 判斷某一個(gè)點(diǎn)擊的位置是否在視圖范圍內(nèi)
-(BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event
接下來來看看這個(gè)流程圖
首先,先判斷視圖的用戶交互是否打開拌牲、是否隱藏谅阿、透明度是否大于0.01,如果有一個(gè)不符合,那么該視圖將不處理任何事件響應(yīng),也不會(huì)進(jìn)行后續(xù)的操作了.如果這三個(gè)條件都滿足了,就會(huì)調(diào)用當(dāng)前視圖的-(BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event方法來判斷點(diǎn)擊的點(diǎn)是否在當(dāng)前視圖范圍內(nèi),如果不在的話也會(huì)返回nil再由它當(dāng)前視圖的父視圖去遍歷它的同級(jí)兄弟視圖,調(diào)用對(duì)應(yīng)的-(UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event方法.如果當(dāng)前視圖的-(BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event返回YES,那么就會(huì)以倒敘的方式遍歷當(dāng)前視圖的子視圖,遍歷的過程中會(huì)調(diào)用所有自視圖的-(UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event方法,如果某個(gè)子視圖返回了最終的事件響應(yīng)視圖的話,就會(huì)把對(duì)應(yīng)的視圖作為最終的響應(yīng)視圖返回給調(diào)用方,如果返回的是nil的話就會(huì)繼續(xù)遍歷當(dāng)前視圖的下一個(gè)子視圖.如果全部遍歷完了之后都沒有對(duì)應(yīng)的子視圖去響應(yīng)事件的話,由于當(dāng)前點(diǎn)擊位置在當(dāng)前視圖范圍內(nèi),就會(huì)把當(dāng)前的視圖作為響應(yīng)視圖返回給調(diào)用方.
通過一個(gè)例子來更深入的理解一下
在下圖這個(gè)正方形按鈕中,只有白色圓型區(qū)域可以響應(yīng)點(diǎn)擊事件.
自定義一個(gè)button,通過
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event和- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event方法來實(shí)現(xiàn)上訴功能.
#import "CustomButton.h"
@implementation CustomButton
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
if (!self.userInteractionEnabled ||
[self isHidden] ||
self.alpha <= 0.01) {
return nil;
}
// 如果點(diǎn)擊區(qū)域在白色圓形區(qū)域內(nèi),則返回self,否則不響應(yīng)事件
if ([self pointInside:point withEvent:event]) {
return self;
}
else{
return nil;
}
}
- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event
{
CGFloat x1 = point.x;
CGFloat y1 = point.y;
CGFloat x2 = self.frame.size.width / 2;
CGFloat y2 = self.frame.size.height / 2;
// 這就是傳說中的勾股定理
double dis = sqrt((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2));
if (dis <= self.frame.size.width / 2) {
return YES;
}
else{
return NO;
}
}
@end
好了,現(xiàn)在這個(gè)自定義的button就實(shí)現(xiàn)了上述的功能了.
回到最開始的問題,點(diǎn)擊那個(gè)白色位置,事件是如何進(jìn)行傳遞的呢.如下圖:
首先點(diǎn)擊位置在C2瓶蝴、B2、和A區(qū)域內(nèi),那么這3個(gè)視圖都是有可能響應(yīng)事件的.如果C2是B2的子視圖,B2是A的子視圖的話,那么按照順序應(yīng)該先調(diào)用子視圖的-(UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event方法,而如果他們?nèi)齻€(gè)視圖是平級(jí)的話,按照同級(jí)視圖倒敘遍歷的方式,也是C2先響應(yīng)(因?yàn)镃2覆蓋在B2和A上).所以順序就是C2先執(zhí)行-(UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event方法如果返回nil,B2再執(zhí)行,最后才是A.如果都沒有處理這個(gè)事件,那么最后會(huì)傳到UIApplication,如果仍然沒有處理這個(gè)事件,那么最后就會(huì)忽略這個(gè)事件.
