彈幕控件MMDanmaku

封面.jpg

前言

其實在github上已經(jīng)有了很優(yōu)秀的彈幕開源控件HJDanmaku,那為什么要重復(fù)造輪子呢?主要考慮到以下方面:
1.重用機制。
2.彈幕的點擊響應(yīng)。

如何實現(xiàn)點擊效果

我們知道一部電影的彈幕可能有千千萬條,我想你肯定不想初始化那么多視圖,所以重用機制是非常必要性的。至于彈幕的點擊響應(yīng),你可能嘗試過在視圖動畫的時候為UIview添加手勢或者直接調(diào)用touchesBegan,但發(fā)現(xiàn)并沒有什么用。所以我們這里是采用其他的方式實現(xiàn)彈幕的響應(yīng):
1.將控制器里面拿到的point點回調(diào)給管理類MMDanmakuManger。

//設(shè)置后會有點擊效果
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
    UITouch *touch = [touches anyObject];  //獲取點擊內(nèi)容
    CGPoint point = [touch locationInView:self.view];
    if (self.manger.tapBlock) {
        self.manger.tapBlock(point);
    }
}

2.我們在彈幕控件中我們會根據(jù)顯示的區(qū)域(可以根據(jù)配置類topMargin,bottomMargin調(diào)整顯示區(qū)域),和每個彈幕的高度eachBulletViewHeight,把顯示的區(qū)域劃分為一條條彈道。管理類會持有displayingDic,來記錄每個顯示區(qū)域每個彈道上的視圖。這個時候你需要知道對于視圖的presentationLayer 和 layer之間的關(guān)系。簡單來說就是做UIView frame改變動畫,你發(fā)現(xiàn)layer只有開始值和結(jié)束值,而presentationLayer會持續(xù)顯示過程值。你可以點擊這里來進一步了解之間的關(guān)系。然后根據(jù)彈道的key來取displayingDic的視圖數(shù)組,判斷該點是否在該視圖的presentationLayer frame里面。

控件

控件結(jié)構(gòu)圖.png

初始化方式:

 MMConfiguration *configuration = [MMConfiguration configurationAimationDuration:8 targetView:self.view restartType:MMDanMakuRestartTypeFromLastState];
    self.manger = [[MMDanmakuManger alloc] initWithConfiguration:configuration];
    self.manger.dataSource = self;
    self.manger.delegate = self;
    [self.manger packageData];

設(shè)置點擊:

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
    UITouch *touch = [touches anyObject];  //獲取點擊內(nèi)容
    CGPoint point = [touch locationInView:self.view];
    if (self.manger.tapBlock) {
        self.manger.tapBlock(point);
    }
}

協(xié)議

包裝數(shù)據(jù)
#pragma mark - MMDanmakuMangerDataSource
- (NSUInteger)numberOfItemsControlleredByDanmakuManger:(MMDanmakuManger *)manger {
   return self.dataArr.count;
}

- (MMDanMakuModel *)danmakuManger:(MMDanmakuManger *)manger informationForItem:(NSUInteger)index {
    return self.dataArr[index];
}
回調(diào)點擊效果
#pragma mark - MMDanmakuMangerDelagate
- (void)danmakuManger:(MMDanmakuManger *)manger didSelectedItem:(MMDanMakuModel *)model {
    NSLog(@"點擊了:%@",model.title);
}

Demo中利用定時器來模仿用戶輸入追加數(shù)據(jù):

[self.manger appendData];

控件效果

手上只有iPhone6 Plus,利用YYkit的檢測工具,在大量數(shù)據(jù)的情況下可以保持60FPS。


13.gif

github地址
如果你喜歡歡迎like和star

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

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

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