前言
其實(shí)在github上已經(jīng)有了很優(yōu)秀的彈幕開源控件HJDanmaku,那為什么要重復(fù)造輪子呢?主要考慮到以下方面：
1.重用機(jī)制。
2.彈幕的點(diǎn)擊響應(yīng)。
如何實(shí)現(xiàn)點(diǎn)擊效果
我們知道一部電影的彈幕可能有千千萬條，我想你肯定不想初始化那么多視圖，所以重用機(jī)制是非常必要性的。至于彈幕的點(diǎn)擊響應(yīng)，你可能嘗試過在視圖動畫的時候?yàn)閁Iview添加手勢或者直接調(diào)用touchesBegan，但發(fā)現(xiàn)并沒有什么用。所以我們這里是采用其他的方式實(shí)現(xiàn)彈幕的響應(yīng)：
1.將控制器里面拿到的point點(diǎn)回調(diào)給管理類MMDanmakuManger。
//設(shè)置后會有點(diǎn)擊效果
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
UITouch *touch = [touches anyObject]; //獲取點(diǎn)擊內(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ù)顯示過程值。你可以點(diǎn)擊這里來進(jìn)一步了解之間的關(guān)系。然后根據(jù)彈道的key來取displayingDic的視圖數(shù)組,判斷該點(diǎn)是否在該視圖的presentationLayer frame里面。
控件
初始化方式：
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è)置點(diǎn)擊：
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
UITouch *touch = [touches anyObject]; //獲取點(diǎn)擊內(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)點(diǎn)擊效果
#pragma mark - MMDanmakuMangerDelagate
- (void)danmakuManger:(MMDanmakuManger *)manger didSelectedItem:(MMDanMakuModel *)model {
NSLog(@"點(diǎn)擊了:%@",model.title);
}
Demo中利用定時器來模仿用戶輸入追加數(shù)據(jù)：
[self.manger appendData];
控件效果
手上只有iPhone6 Plus，利用YYkit的檢測工具，在大量數(shù)據(jù)的情況下可以保持60FPS。
github地址
如果你喜歡歡迎like和star
