彈幕容器和手勢:LNDanmakuContainerView

這篇文章的前置文章:LNDanmakuMaster

彈幕容器通常需要覆蓋在播放器視圖上面,容器需要響應(yīng)那些有彈幕區(qū)域的手勢视卢,透傳那些沒有彈幕區(qū)域的手勢;如果希望使用CALayer系列組件做動效就需要額外處理手勢惠毁,因?yàn)橥ǔALayer是不能響應(yīng)手勢,所以崎页,我將這些繁瑣的處理封裝成ContainerView進(jìn)行統(tǒng)一處理鞠绰。

處理后的ContainerView有如下特性:

  • 使用統(tǒng)一的一個TapGesture代替為每條彈幕都添加一個TapGesture。
  • 觸碰那些沒有彈幕UI的區(qū)域時飒焦,手勢會被透傳到底層蜈膨。
  • 彈幕的presentView支持自定義手勢,沒有自定義手勢時牺荠,走ContainerView默認(rèn)的Tap手勢翁巍,事件通過代理傳出去。
  • 彈幕的presentLayer只支持默認(rèn)的Tap手勢休雌,事件通過代理傳出去灶壶。
  • 實(shí)現(xiàn)了TrackController的裝載、卸載方法杈曲。

hitTest函數(shù)是ContainerView處理手勢的核心代碼:

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
    if (self.hidden) {
        return [super hitTest:point withEvent:event];
    }
    for (CALayer *layer in [self.layer.sublayers reverseObjectEnumerator]) {
        if ([layer hitTest:point]) {
            if (layer.danmakuAttributes) {
                return self;
            } else {
                return [super hitTest:point withEvent:event];
            }
            break;
        }
    }
    return nil;
}

判斷流程如下:

  • 如果自身被隱藏驰凛,不響應(yīng)任何手勢胸懈。
  • 遍歷containerView.Layer上的所有子Layer
  • 如果Layer上能找到彈幕信息,說明這個Layer是個獨(dú)立的Layer恰响,可以直接響應(yīng)彈幕點(diǎn)擊事件趣钱,所以直接返回self,用自己的tap手勢處理胚宦。
  • 如果Layer上找不到彈幕信息首有,說明這個Layer是通過addSubView添加的Layer,彈幕信息綁定在它的View上枢劝;這樣直接走View層級的手勢判斷:如果彈幕自己的View有自定義手勢則響應(yīng)自定義手勢绞灼,沒有會響應(yīng)containerView的tap手勢。
  • 如果沒有找到子View響應(yīng)手勢呈野,那ContainerView自身也不會響應(yīng),返回nil印叁,手勢透傳到下一層級被冒。

注:倒序遍歷,因?yàn)檎{(diào)用addSubview/addSubLayer在不刻意設(shè)置zPosition時轮蜕,后加入的View/Layer通常覆蓋在前面加入的View/Layer上昨悼,所以,倒序遍歷的結(jié)果會更符合用戶視覺上的認(rèn)知跃洛。

用戶觸發(fā)手勢后走didTapped函數(shù)率触,這個函數(shù)的主要工作目標(biāo)是找到Attributes并通過代理把這個事件傳出去:

- (void)didTapped:(UITapGestureRecognizer *)tap
{
    CGPoint point = [tap locationInView:self];
    CALayer *tappedLayer = nil;
    UIView *tappedView = nil;
    for (CALayer *layer in [self.layer.sublayers reverseObjectEnumerator]) {
        if ([layer hitTest:point]) {
            if (layer.danmakuAttributes) {
                tappedLayer = layer;
            } else {
                if ([layer.delegate isKindOfClass:[UIView class]]) {
                    tappedView = (UIView *)layer.delegate;
                }
            }
            break;
        }
    }

    LNDanmakuAbstractAttributes *targetAttributes;
    if (tappedLayer) {
        targetAttributes = [tappedLayer danmakuAttributes];
    } else if (tappedView) {
        targetAttributes = [tappedView danmakuAttributes];
    }
    
    if (targetAttributes && self.delegate && [self.delegate respondsToSelector:@selector(danmakuContainerDidTappedAttributes:)]) {
        [self.delegate danmakuContainerDidTappedAttributes:targetAttributes];
    }
}

(這里應(yīng)該先判斷是否有代理,沒有代理可以直接return汇竭,免得做多余的計算葱蝗,之后改一下)

建議:除了彈幕視圖之外最好不要在containerView上加其他的視圖,加在containerView的父視圖上细燎。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末两曼,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子玻驻,更是在濱河造成了極大的恐慌悼凑,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,576評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件璧瞬,死亡現(xiàn)場離奇詭異户辫,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)嗤锉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評論 3 399
  • 文/潘曉璐 我一進(jìn)店門渔欢,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人档冬,你說我怎么就攤上這事膘茎√掖浚” “怎么了?”我有些...
    開封第一講書人閱讀 168,017評論 0 360
  • 文/不壞的土叔 我叫張陵披坏,是天一觀的道長态坦。 經(jīng)常有香客問我,道長棒拂,這世上最難降的妖魔是什么伞梯? 我笑而不...
    開封第一講書人閱讀 59,626評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮帚屉,結(jié)果婚禮上谜诫,老公的妹妹穿的比我還像新娘。我一直安慰自己攻旦,他們只是感情好喻旷,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,625評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著牢屋,像睡著了一般且预。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上烙无,一...
    開封第一講書人閱讀 52,255評論 1 308
  • 那天锋谐,我揣著相機(jī)與錄音,去河邊找鬼截酷。 笑死涮拗,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的迂苛。 我是一名探鬼主播三热,決...
    沈念sama閱讀 40,825評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼三幻!你這毒婦竟也來了康铭?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,729評論 0 276
  • 序言:老撾萬榮一對情侶失蹤赌髓,失蹤者是張志新(化名)和其女友劉穎从藤,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體锁蠕,經(jīng)...
    沈念sama閱讀 46,271評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡夷野,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,363評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了荣倾。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片悯搔。...
    茶點(diǎn)故事閱讀 40,498評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖舌仍,靈堂內(nèi)的尸體忽然破棺而出妒貌,到底是詐尸還是另有隱情通危,我是刑警寧澤,帶...
    沈念sama閱讀 36,183評論 5 350
  • 正文 年R本政府宣布灌曙,位于F島的核電站菊碟,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏在刺。R本人自食惡果不足惜逆害,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,867評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蚣驼。 院中可真熱鬧魄幕,春花似錦、人聲如沸颖杏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽留储。三九已至队丝,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間欲鹏,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評論 1 272
  • 我被黑心中介騙來泰國打工臭墨, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留赔嚎,地道東北人。 一個月前我還...
    沈念sama閱讀 48,906評論 3 376
  • 正文 我出身青樓胧弛,卻偏偏與公主長得像尤误,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子结缚,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,507評論 2 359

推薦閱讀更多精彩內(nèi)容