項(xiàng)目中視頻直播有個(gè)彈幕功能证九，網(wǎng)上也有很多彈幕的demo，之前忙于項(xiàng)目進(jìn)度础爬，沒有細(xì)致研究其中是如何實(shí)現(xiàn)的甫贯。如今閑暇之余，就研究一下其中的實(shí)現(xiàn)原理看蚜。
網(wǎng)上的彈幕demo泛粹，簡(jiǎn)單的是用label作為一條彈幕涣达，然后控制label的動(dòng)畫悍手，但是label顯示樣式單一妙啃，做不了圖文混排的功能，所以就有了這篇文章音诫。
最基本的特點(diǎn)：
1惨奕、文字越長(zhǎng)的彈幕，跑的越快竭钝，彈幕的速度和文字長(zhǎng)度有關(guān)系.
2梨撞、彈幕不相互碰撞(開始結(jié)束均不碰撞)。
3香罐、如果有數(shù)據(jù)卧波，會(huì)一條接著一跳的播放。
需要考慮的方面：
1庇茫、重用或者釋放港粱；
2、暫停和繼續(xù)旦签；
3查坪、load新數(shù)據(jù)寸宏；
4、碰撞問題偿曙；
原理分析
- 檢測(cè)模型數(shù)組里面所有的模型氮凝，是否可以發(fā)射 如果可以,直接發(fā)射 dataSource為數(shù)據(jù)源
- 遍歷所有的彈道，在每個(gè)彈道里面遥昧，進(jìn)行檢測(cè)（檢測(cè)開始碰撞 檢測(cè)結(jié)束碰撞）
- 確定可以發(fā)射覆醇，把彈幕視圖加到彈道背景里面。
1.png
2.png
當(dāng)彈幕移動(dòng)到屏幕外的時(shí)候炭臭，移除彈幕。
3.png
技術(shù)實(shí)現(xiàn)~~
以下是部分核心代碼袍辞，完整Demo參見這里.
- (BOOL)checkBoomAndBiuWith:(id<FDanmakuModelProtocol>)model {
CGFloat danmakuH = self.frame.size.height / kDandaoCount ;
// 遍歷所有的彈道鞋仍，在每個(gè)彈道里面，進(jìn)行檢測(cè)（檢測(cè)開始碰撞 檢測(cè)結(jié)束碰撞）
for (int i = 0 ; i < kDandaoCount; i++) {
//1.獲取該彈道的絕對(duì)等待時(shí)間
NSTimeInterval waitTime = [self.laneWaitTimeArr[i] doubleValue];
if (waitTime > 0.0) {
continue;
}
//2.絕對(duì)等待時(shí)間沒有 暫時(shí)可以發(fā)射 需要判斷 是否與前一個(gè)彈幕視圖產(chǎn)生碰撞
UIView * danmakuView = [self.delegate danmakuViewWithModel:model];
NSTimeInterval leftTime = [self.laneLeftTimeArr[i] doubleValue];
// 速度 = (彈幕視圖的寬度 + 彈幕背景的寬度)/liveTime
double speed = ( danmakuView.frame.size.width + self.frame.size.width) / model.liveTime;
double distance = leftTime * speed;
if (distance > self.frame.size.width) {
continue;
}
[self.danmakuViewArr addObject:danmakuView];
//重置數(shù)據(jù)
// 距離/秒 = 速度v
self.laneWaitTimeArr[i] = @(danmakuView.frame.size.width / speed);
self.laneLeftTimeArr[i] = @(model.liveTime);
//3.彈幕肯定可以發(fā)射
//3.1 先把彈幕視圖搅吁，加到彈幕背景里面
CGRect frame = danmakuView.frame;
frame.origin = CGPointMake(self.frame.size.width, danmakuH * i);
danmakuView.frame = frame;
[self addSubview:danmakuView];
[UIView animateWithDuration:model.liveTime delay:0 options:UIViewAnimationOptionCurveLinear animations:^{
CGRect frame = danmakuView.frame;
frame.origin.x = - danmakuView.frame.size.width;
danmakuView.frame = frame;
} completion:^(BOOL finished) {
[danmakuView removeFromSuperview];
[self.danmakuViewArr removeObject:danmakuView];
}];
return YES;
}
return NO;
}
