美文网首页糖糖的iOS专题iOS开发
如何实现一个弹幕效果呢

如何实现一个弹幕效果呢

作者: 天堂秀 | 来源:发表于2016-11-18 20:56 被阅读82次

1.首先:在storyboard里面拖一幅图片和view 设置他们的约束,把弹幕view加到view上清空弹幕view的背景色

2.自定义一个view

DanMuView.h

DanMuView.m

#import"DanMuView.h"

@interfaceDanMuView()

@property(nonatomic,assign)CGFloat imageX;

@end

@implementationDanMuView

/**

当控件从xib/sb中创建是会调用

*/

-(void)awakeFromNib

{

self.imageX=375;

[self addTimer];

}

//绘制内容到这个view上面

/**

不能直接调用(系统自动调用,每次调用该方法会将上一次绘制的内容清空)

*/

- (void)drawRect:(CGRect)rect

{

//加载图片

UIImage*image = [UIImage imageNamed:@"oscillogram_4@2x"];

//绘制图片

[image drawAtPoint:CGPointMake(self.imageX,10)];

}

#pragma mark-添加定时器

-(void)addTimer

{

//每秒执行60次回调方法

CADisplayLink*link = [CADisplayLink displayLinkWithTarget:self selector:@selector(updateTimer)];

//将定时器添加到RunLoop

[link addToRunLoop:[NSRunLoop currentRunLoop]forMode:NSRunLoopCommonModes];

}

/**

定时器的回调方法

*/

-(void)updateTimer{

NSLog(@"%s",__FUNCTION__);

self.imageX-=1;

//通知重新绘制

[self setNeedsDisplay];

}

@end

3.把图片放入工程当中,由于没有真正想弹幕那种图片,唯有用蓝色图片做代替

4.效果图:

最后!欢迎加入iOS技术大群,学习知识交更多的同行朋友            QQ群号:580284575

相关文章

  • 如何实现一个弹幕效果呢

    1.首先:在storyboard里面拖一幅图片和view 设置他们的约束,把弹幕view加到view上清空弹幕vi...

  • Flutter 实现虎牙/斗鱼 弹幕效果

    老孟导读:用Flutter实现弹幕功能,轻松实现虎牙、斗鱼的弹幕效果。 先来一张效果图: 实现原理 弹幕的实现原理...

  • Canvas弹幕实现

    anvas原生实现直播视频弹幕效果。 原文链接 上一篇中用动态创建DOM元素实现弹幕效果,好处是可以在DOM元素上...

  • iOS 简单实现按照轨道弹幕效果

    ios 铺满轨道弹幕效果实现 为避免重复造轮子,网上查找了两个弹幕效果 OCBarrage[https://git...

  • 弹幕效果实现

    Fuck the world if you are rich,otherwise fuck youself. 前言...

  • iOS弹幕原理及实现

    最近公司项目需求,要实现一个弹幕的功能,上网搜集了一些资料,简单实现了弹幕的效果,现在将原理以及实现的过程整理一下...

  • 使用canvas实现和HTML5 video交互的弹幕效果

    一、canvas实现弹幕性能较好 从技术实现成本角度讲,要实现弹幕效果,最简单的方法就是DOM+CSS3控制,如果...

  • 使用transition实现弹幕滚动效果

    想要实现比较理想的弹幕滚动效果还是有一定难度的。这里以vue为基础,讲一种实现弹幕滚动的方法,不考虑重叠,弹幕过长...

  • iOS 弹幕效果

    iOS 弹幕效果 iOS 弹幕效果

  • Flutter 实现虎牙/斗鱼 弹幕效果

    先来一张效果图: 实现原理 弹幕的实现原理非常简单,即将一条弹幕从左侧平移到右侧,当然我们要计算弹幕垂直方向上的偏...

网友评论

  • Thebloodelves:这个算一个移动的效果,还不算弹幕呢
    天堂秀:@Thebloodelves 怎样才会更好?

本文标题:如何实现一个弹幕效果呢

本文链接:https://www.haomeiwen.com/subject/xkzsuttx.html