iOS 简单的弹幕效果

最近终于比较有空了,可以写点自己的东西了,看到弹幕好好玩就跟着写了一个简单的弹幕效果,可自动追加评论,可暂停,可循环,可随机出现,效果如下,是不是瞬间觉得有弹幕的评论高大上了?

最终效果图
  • 其中 BullerView就是弹幕的视图,继承UIView,每一条弹幕都是一个BullerView,这里默认实现的是3个弹道(可以自己修改)。
  • 如何让弹幕动起来呢?利用动画optionsUIViewAnimationOptionCurveLinear枚举,该枚举表示时间曲线函数,匀速
__block CGRect frame = self.frame;
 [UIView animateWithDuration:duration delay:0 options:UIViewAnimationOptionCurveLinear animations:^{
        frame.origin.x -= wholeWidth;
        self.frame = frame;
    } completion:^(BOOL finished) {
        [self removeFromSuperview];
        
        if (self.moveStatusBlock) {
            self.moveStatusBlock(End);
        }
    }];

  • 评论字数越多的速度越快,这是根据 v = s/t,时间相同的情况下,距离越长,速度越快。
  • BullerView通过Block回调弹幕状态。
  • BulletManager是管理弹幕的数据源,开始啊,结束啊

Demo地址:https://github.com/huicongfu/BarrageDemo

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌。在这里你可以看...
    F麦子阅读 5,152评论 5 13
  • 在iOS实际开发中常用的动画无非是以下四种:UIView动画,核心动画,帧动画,自定义转场动画。 1.UIView...
    请叫我周小帅阅读 3,191评论 1 23
  • 先看看CAAnimation动画的继承结构 CAAnimation{ CAPropertyAnimation { ...
    时间不会倒着走阅读 1,700评论 0 1
  • 版本记录 前言 在我们做直播等视频类app的时候,总是有显示和发送弹幕的要求,弹幕可以方便用户进行沟通和互动,增加...
    刀客传奇阅读 5,228评论 8 16
  • 你拍了張照片寄給我, 你說你住的城市下雪了; 你寫了封信郵給我, 你說你終於交到了朋友; 你坐火車不遠萬里來看我,...
    尔朱阅读 243评论 1 1