提醒：本篇博客记录了修改的过程，废话比较多，需要项目源码和看演示效果的直接拉到文章最底部~

网易云音乐获取歌词的api地址

填写歌曲的id即可获取到json格式的数据（歌曲ID获取的方法是：点击分享按钮>其他分享>复制链接，就可以在链接中看到了）：

我们需要用到的数据只有lyric部分。

可以看到歌词的结构很简单：“[歌曲时间]歌词部分\n”，\n作为换行符。

看完歌词结构思路已经有了，将时间和歌词提取出来，播放音乐，获取音乐播放进度，跟歌词对应的时间作比对。

这里我们要做的控件效果如网易云音乐（以下简称网音）的效果差不多，先看下网音的效果动图：

网音的效果如图所示，播放到当前进度的歌词字体颜色变成白色，并且会滚动视图使焦点停在歌词整体中间的位置。

新建项目命名为：网易云音乐歌词显示控件，新建一个用户控件命名为：LrcView。

LrcView.xaml：

应该很好理解，用一个scrollviewer包住stackpanel，把歌词（textblock）添加到stackpanel里，当前音乐所在进度的歌词颜色只要修改相应的textblock的字体颜色即可，歌词自动滚动则依靠scrollviewer。（小知识：*只要不设置固定高度stackpanel会随着包含的内容高度的增大而增大，这时候套个scrollviewer就可以滚动stackpanel了。）

转到控件后台代码，为了方便修改歌词颜色等一些操作，我们建立一个歌词模型类：

添加一些需要用到的变量

接着是加载歌词

将歌词复制出来，用\n切割(split)，再用正则表达式取出时间、歌词，将获取到的数据添加到集合内以及对textblock进行赋值即可。