flutter 弹幕插件_Flutter 实现虎牙/斗鱼 弹幕效果

本文介绍了如何使用Flutter开发弹幕插件,通过实现弹幕从左到右的平移,并计算垂直方向的偏移,来创建类似虎牙、斗鱼的弹幕效果。展示了文字弹幕、VIP弹幕以及带有火箭图像的弹幕样式。
摘要由CSDN通过智能技术生成

老孟导读:用Flutter实现弹幕功能,轻松实现虎牙、斗鱼的弹幕效果。

先来一张效果图:

实现原理

弹幕的实现原理非常简单,即将一条弹幕从左侧平移到右侧,当然我们要计算弹幕垂直方向上的偏移,不然所有的弹幕都会在一条直线上,相互覆盖。平移代码如下:

@override

void initState() {

_animationController =

AnimationController(duration: widget.duration, vsync: this)

..addStatusListener((status){

if(status == AnimationStatus.completed){

widget.onComplete('');

}

});

var begin = Offset(-1.0, .0);

var end = Offset(1.0, .0);

_animation = Tween(begin: begin, end: end).animate(_animationController);

//开始动画

_animationController.forward();

super.initState();

}

@override

Widget build(BuildContext context) {

return SlideTra

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值