iOS探索:UI視圖之事件傳遞&視圖響應(yīng)

事件傳遞

事件傳遞的兩個(gè)核心方法

- (nullable UIView *)hitTest:(CGPoint)point withEvent:(nullable UIEvent *)event;   // recursively calls -pointInside:withEvent:. point is in the receiver's coordinate system
- (BOOL)pointInside:(CGPoint)point withEvent:(nullable UIEvent *)event;   // default returns YES if point is in bounds

第一個(gè)方法返回的是一個(gè)UIView,是用來(lái)尋找最終哪一個(gè)視圖來(lái)響應(yīng)這個(gè)事件
第二個(gè)方法是用來(lái)判斷某一個(gè)點(diǎn)擊的位置是否在視圖范圍內(nèi),如果在就返回YES

事件傳遞的流程

WX20181205-193658@2x.png
流程描述
  • 我們點(diǎn)擊屏幕產(chǎn)生觸摸事件,系統(tǒng)將這個(gè)事件加入到一個(gè)由UIApplication管理的事件隊(duì)列中,UIApplication會(huì)從消息隊(duì)列里取事件分發(fā)下去,首先傳給UIWindow

  • 在UIWindow中就會(huì)調(diào)用hitTest:withEvent:方法去返回一個(gè)最終響應(yīng)的視圖

  • 在hitTest:withEvent:方法中就回去調(diào)用pointInside: withEvent:去判斷當(dāng)前點(diǎn)擊的point是否在UIWindow范圍內(nèi),如果是的話,就會(huì)去遍歷它的子視圖來(lái)查找最終響應(yīng)的子視圖

  • 遍歷的方式是使用倒序的方式來(lái)遍歷子視圖,也就是說(shuō)最后添加的子視圖會(huì)最先遍歷,在每一個(gè)視圖中都回去調(diào)用它的hitTest:withEvent:方法,可以理解為是一個(gè)遞歸調(diào)用

  • 最終會(huì)返回一個(gè)響應(yīng)視圖,如果返回視圖有值,那么這個(gè)視圖就作為最終響應(yīng)視圖,結(jié)束整個(gè)事件傳遞;如果沒(méi)有值,那么就會(huì)將UIWindow作為響應(yīng)者

hitTest:withEvent:

WX20181205-201230@2x.png
流程描述
  • 首先會(huì)判斷當(dāng)前視圖的hiden屬性、是否可以交互以及透明度是否大于0.01,如果滿足條件則進(jìn)入下一步,否則返回nil

  • 調(diào)用pointInside: withEvent:方法來(lái)判斷這個(gè)點(diǎn)是否在當(dāng)前視圖范圍內(nèi),如果滿足條件則進(jìn)入下一步,否則返回nil

  • 然后以倒序的方式遍歷它的子視圖,在每個(gè)子視圖中去調(diào)用hitTest:withEvent:方法,如果有一個(gè)子視圖返回了一個(gè)最終的響應(yīng)視圖,那么就將這個(gè)視圖返回給調(diào)用方;如果全部遍歷完成都沒(méi)有找到一個(gè)最終的響應(yīng)視圖,因?yàn)辄c(diǎn)擊位置在當(dāng)前視圖范圍內(nèi),就將當(dāng)前視圖作為最終響應(yīng)視圖返回

實(shí)例場(chǎng)景

接下來(lái)我們通過(guò)一個(gè)具體的實(shí)例來(lái)進(jìn)一步的理解事件傳遞,例如:在一個(gè)方形按鈕中點(diǎn)擊中間的圓形區(qū)域有效,而點(diǎn)擊四角無(wú)效

按鈕圖片.png

核心思想是在pointInside: withEvent:方法中修改對(duì)應(yīng)的區(qū)域

代碼如下:

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
    
    if (!self.userInteractionEnabled || [self isHidden] || self.alpha <= 0.01) {
        return nil;
    }

    //判斷當(dāng)前視圖是否在點(diǎn)擊范圍內(nèi)
    if ([self pointInside:point withEvent:event]) {
        //遍歷當(dāng)前對(duì)象的子視圖(倒序)
        __block UIView *hit = nil;
        [self.subviews enumerateObjectsWithOptions:NSEnumerationReverse usingBlock:^(__kindof UIView * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
            //坐標(biāo)轉(zhuǎn)換
            CGPoint convertPoint = [self convertPoint:point toView:obj];
            //調(diào)用子視圖的hitTest方法
            hit = [obj hitTest:convertPoint withEvent:event];
            //如果找到了就停止遍歷
            if (hit) *stop = YES;
        }];

        //返回當(dāng)前的視圖對(duì)象
        return hit?hit: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;
    
    //判斷是否在圓形區(qū)域內(nèi)
    double dis = sqrt((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2));
    
    if (dis <= self.frame.size.width / 2) {
        return YES;
    }
    else{
        return NO;
    }
}

視圖的響應(yīng)者鏈

首先我們要知道事件傳遞和響應(yīng)過(guò)程是相反的

如果hitTest:withEvent:找到了第一響應(yīng)者initial view,但是該響應(yīng)者沒(méi)有處理該事件,那么事件會(huì)沿著響應(yīng)者鏈向上傳遞:第一響應(yīng)者 -> 父視圖 -> 視圖控制器,如果傳遞到最頂級(jí)視圖還沒(méi)處理事件,那么就傳遞給UIWindow去處理,若window對(duì)象也不處理那么就交給UIApplication處理,如果UIApplication對(duì)象還不處理,就丟棄該事件(但是并不會(huì)引起崩潰

并且在iOS中,能夠響應(yīng)事件的對(duì)象都是UIResponder的子類對(duì)象,UIResponder提供了四個(gè)用戶點(diǎn)擊的回調(diào)方法,分別對(duì)應(yīng)用戶點(diǎn)擊開(kāi)始、移動(dòng)、點(diǎn)擊結(jié)束以及取消點(diǎn)擊,其中只有在程序強(qiáng)制退出或者來(lái)電時(shí),取消點(diǎn)擊事件才會(huì)調(diào)用。

系統(tǒng)回調(diào)方法

// UIView是UIResponder的子類,可以覆蓋下列4個(gè)方法處理不同的觸摸事件
// 一根或者多根手指開(kāi)始觸摸view,系統(tǒng)會(huì)自動(dòng)調(diào)用view的下面方法
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
// 一根或者多根手指在view上移動(dòng),系統(tǒng)會(huì)自動(dòng)調(diào)用view的下面方法(隨著手指的移動(dòng),會(huì)持續(xù)調(diào)用該方法)
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
// 一根或者多根手指離開(kāi)view,系統(tǒng)會(huì)自動(dòng)調(diào)用view的下面方法
- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
// 觸摸結(jié)束前,某個(gè)系統(tǒng)事件(例如電話呼入)會(huì)打斷觸摸過(guò)程,系統(tǒng)會(huì)自動(dòng)調(diào)用view的下面方法
- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event
// 提示:touches中存放的都是UITouch對(duì)象

響應(yīng)者鏈流程圖

WX20181205-205455@2x.png

GitHub

Demo

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容