IOS游戏陪玩系统源码开发，滚动字幕的实现

水平连续滚动字幕&＃xff1a;
这种一看就是一组view放在scrollview实现的滚动&＃xff0c;但是如何实现循环滚动呢&＃xff0c;思路如下
1&＃xff1a;加入滚动字幕有五组文本&＃xff0c;滚动到最后一组时&＃xff0c;后面应该紧跟着第一组文本&＃xff0c;如此才能实现连续滚动
2&＃xff1a;我们可以把传入的文本个数翻倍&＃xff0c;来实现最后一组文本后面又跟着第一组的文本&＃xff08;如果数据太少可以翻4倍&＃xff0c;6倍&＃xff0c;总之最好双倍数&＃xff0c;否则x轴坐标处理会麻烦一点&＃xff09;
3&＃xff1a;我们可以让滚动框在最后一个文本滚动消失后&＃xff0c;重置滚动框的坐标&＃xff0c;如此反复&＃xff0c;就可以实现无线循环

//获取到最大滚动范围就可以启动滚动事件
-(void)setScrMaxW:(NSInteger)scrMaxW{_scrMaxW&＃61;scrMaxW;self.textScrollview.contentSize&＃61;CGSizeMake(scrMaxW, 0);[self addTimer];}


- (void)timerClick
{self.scrX&＃61;self.scrX&＃43;1;[UIView animateWithDuration:0.1 delay:0 options:UIViewAnimationOptionCurveLinear animations:^{[self.textScrollview setContentOffset:CGPointMake(self.scrX, 0) animated:NO];} completion:nil];//滚动到可滚动区域的一半时重置if (self.textScrollview.contentOffset.x&＃43;1>&＃61;self.textScrollview.contentSize.width/2) {self.scrX&＃61;0;[self.textScrollview setContentOffset:CGPointMake(self.scrX, 0) animated:NO];}else{}}


水平翻页滚动字幕&＃xff1a;
这种的更简单&＃xff0c;只需要一个label&＃xff0c;只要在滚动过程中不断地改变label展示文本就可以了
1&＃xff1a;实时计算要加载的文本的宽度&＃xff0c;加上屏宽*2&＃xff0c;将label放在最中间
2&＃xff1a;每次label消失之后&＃xff0c;更新展示文本和滚动区域
3&＃xff1a;展示完成最后一个文本后&＃xff0c;文本下一个要再展示第一个文本实现循环

关键代码&＃xff1a;

-(void)setTextArr:(NSMutableArray *)textArr{_textArr&＃61;textArr;self.txtLabel.text&＃61;textArr[0];self.scrollWidth&＃61;[self getTxtWidth:textArr[0]];// 初始展示的字幕可以根据需求调整&＃xff0c;放在最左边或者默认在屏幕右侧[self.textScrollview setContentOffset:CGPointMake(ViewAllWidth, 0) animated:NO];// 初始展示文本下标self.arrNum&＃61;0;[self addTimer];}

- (void)timerClick
{self.scrX&＃61;self.scrX&＃43;1;[UIView animateWithDuration:0.1 delay:0 options:UIViewAnimationOptionCurveLinear animations:^{[self.textScrollview setContentOffset:CGPointMake(self.scrX, 0) animated:NO];} completion:nil];if (self.textScrollview.contentOffset.x>&＃61;self.textScrollview.contentSize.width-ViewAllWidth) {[self refreshTxt];}else{}}-(void)refreshTxt{if (self.arrNum&＃61;&＃61;self.textArr.count-1) {self.arrNum&＃61;0;}else{self.arrNum&＃61;self.arrNum&＃43;1;}self.txtLabel.text&＃61;self.textArr[self.arrNum];self.scrollWidth&＃61;[self getTxtWidth:self.textArr[self.arrNum]];self.scrX&＃61;0;[self.textScrollview setContentOffset:CGPointMake(self.scrX, 0) animated:NO];}-(void)setScrollWidth:(CGFloat)scrollWidth{_scrollWidth&＃61;scrollWidth;self.textScrollview.contentSize&＃61;CGSizeMake(scrollWidth&＃43;ViewAllWidth*2, 0);}

竖直多行翻页循环滚动&＃xff1a;
大家看着这个动画是不是有一点熟悉&＃xff0c;“拼夕夕”里面&＃xff0c;拼单页面就有这样UI。
像这种第五个文本后面紧跟着第一个文本的&＃xff0c;而且又是循环滚动的&＃xff0c;其实思路和第一个水平滚动的是一样的&＃xff0c;同样数据翻倍&＃xff0c;滚动完一次重置&＃xff0c;这样就可以实现循环
不过这里我换成了tableview来实现&＃xff0c;没有用数组添加UI了
关键代码&＃xff1a;

-(void)setSxArry:(NSMutableArray *)sxArry{_sxArry&＃61;sxArry;//将要显示的文本数量翻倍[_sxArry addObjectsFromArray:[NSArray arrayWithArray:sxArry]];}


-(void)scrollTableveiwcell{__weak typeof(self) weakSelf&＃61;self;// 整个滚动完一次&＃xff0c;回到初始状态if (self.scrollSection&＃61;&＃61;self.sxArry.count/2) {self.scrollSection&＃61;0;[self.fightTableView setContentOffset:CGPointMake(0, 0) animated:NO];}else{}[UIView transitionWithView: self.fightTableView duration:0.3 options: UIViewAnimationOptionTransitionNone animations: ^{[weakSelf.fightTableView setContentOffset:CGPointMake(0, weakSelf.fightTableView.contentOffset.y&＃43;cellHeight) animated:YES];} completion: ^(BOOL finished) {weakSelf.scrollSection&＃61;weakSelf.scrollSection&＃43;1;}];}

竖直翻页滚动字幕&＃xff1a;
最后的这个滚动字幕实现方案很多&＃xff0c;可以像上面水平翻页的思路一样&＃xff0c;也可以添加上下两个label来循环展示文本实现&＃xff0c;不过这里不用NSTimer也能实现

-(void)checkDataIndex{if (self.arrNum&＃61;&＃61;self.sxArry.count-1) {self.arrNum&＃61;0;}else{self.arrNum&＃61;self.arrNum&＃43;1;}}- (void)scrollTxtAction {[UIView animateWithDuration:0.3 delay:0 options:UIViewAnimationOptionCurveLinear animations:^{CATransition *transition &＃61; [CATransition animation];transition.timingFunction &＃61; [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];transition.type &＃61; kCATransitionPush;transition.subtype &＃61; kCATransitionFromTop;transition.delegate &＃61; self;[self.txtLabel.layer addAnimation:transition forKey:nil];[self checkDataIndex];} completion:^(BOOL finished) {self.txtLabel.text&＃61;self.sxArry[self.arrNum];dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{[self scrollTxtAction];});}];
}


最后要处理一下滚动区域的问题

//展示区域多余的部分截去&＃xff0c;否则在动画滚动的时候&＃xff0c;会跑到区域外面self.verBgView.layer.masksToBounds&＃61;YES;

以上就是IOS游戏陪玩系统源码开发&＃xff0c;滚动字幕的实现的全部内容了&＃xff0c;希望对大家有帮助。