Flutter仿网易云音乐：播放界面，通宵都要看完这个Android关键技术点

最新推荐文章于 2024-08-12 08:41:45 发布

AI设计大师

最新推荐文章于 2024-08-12 08:41:45 发布

阅读量845

点赞数

分类专栏：程序员文章标签：架构移动开发 android

本文链接：https://blog.csdn.net/m0_66264588/article/details/122759926

版权

本文介绍了使用Flutter创建网易云音乐播放界面的方法，包括黑胶唱片的旋转动画、下部控制器和进度条的实现。通过自定义组件和AnimationController进行动画控制，使用AudioPlayer组件播放音频，并展示了进度条的实现。项目源码可在github上查看。

摘要由CSDN通过智能技术生成

return new Transform(
transform: transform,
alignment: alignment,
child: child,
);
}
}

接下来就是自定义黑胶唱头组件。

final _rotateTween = new Tween(begin: -0.15, end: 0.0);
new Container(
child: new PivotTransition(
turns: _rotateTween.animate(controller_needle),
alignment: FractionalOffset.topLeft,
child: new Container(
width: 100.0,
child: new Image.asset(“images/play_needle.png”),
),
),
),

将png图片包裹在container内作为child参数传递给PivotTransition。

外部使用的时候传入一个Tween，起始位置为-0.15 ~ 0.0。