自定义LyricView实现歌词显示控件


码农小阿飞 之前发表的《做一个炫酷的悬浮迷你音乐盒反响很不错。正所谓好事多磨,时隔2个月之后,他又为大家带来了碉堡的歌词显示控件LyricView,我也不多说,大家可以直接看看文末的效果图集就知道了。


码农小阿飞 的博客地址:

http://blog.csdn.net/mario_0824


前言


这次我要向大家分享的是一个歌词控件,其实,也是我毕业设计中的一部分。起初我是用 ScrollView 嵌套 TextView,再结合我的上一篇文章SpannableString来实现的,Demo其实我早早地就将放在github上,不知道有没有朋友有留心看到,但是总感觉用着不是很流畅,而且不容易加入一些自定义内容,所以一直不好下笔,也不好向大家分享Demo。不过,有兴趣的朋友可以看一下,个人感觉还是挺有创意的,嘻嘻!(害羞脸~)。下载地址:

https://github.com/WuLiFei/LyricManager



用ScrollView嵌套TextView实现LyricView效果图


效果图是旧版本哦,记住,是旧版本! 通过 自定义View 实现的"进阶版" LyricView 功能更强大,体验效果更佳,能够实现歌词滑动查看,当前播放位置高亮显示,滑动到指定位置并播放等等,总的来说,大致和网易云音乐的歌词显示效果一样。


歌词文件的组成


写过音乐播放器的朋友也应该都会去了解过歌词文件的规范格式,既然是歌词显示控件,就必然需要好好了解歌词文件的组成规范,才能准确无误的解析歌词文件,获得与我有用的信息。


[ti:一个人的北京]

[ar:好妹妹乐队]

[al:南北]

[by:]

[offset:0]

[00:00.10]一个人的北京 - 好妹妹乐队

[00:00.20]词:秦昊

[00:00.30]曲:秦昊

[00:00.40]

[00:30.16]你有多久没有看到 满天的繁星

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值