2014年3月8日

摘要: 在上一篇文章 WP8中自定义Lrc歌词同步显示控件(一)介绍了我在WP中实现自定义Lrc歌词显示控件的思路,在这一篇文章中主要来介绍具体的Lrc歌词同步显示控件的具体实现。 首先,回顾一下上一篇中所提及的大体思路:在控件的布局中用3个TextBlock来显示当前正在播放的那句歌词,以及它的前面部分歌词和后面部门歌词,在布局的外层用一个ScrollViewer来控制滚动,使用户能够通过滑动控件来查看整体歌词,控件随播放进度来调整ScrollViewer的竖直滚动偏移量,使正在播放的那句歌词适中居中显示。 在具体实现前,我们来定义下歌词相关的一些数据结构,因为的我们的控件依赖它来工作。我们把每.. 阅读全文
posted @ 2014-03-08 19:40 西山雨 阅读(767) 评论(0) 推荐(1) 编辑

2014年2月15日

摘要: 最近开始做WP8上的一个音乐相关的项目,在此之中需要一个Lrc歌词同步显示控件,核心功能即支持随播放进度同步显示歌词,当前正在演唱的一句歌词高亮并在控件中居中显示。 因为之前在android中也写过这样一个Lrc歌词显示控件,当时的做法是控件继承TextView,并重写控件的自我绘制方法即OnDraw方法,在这个方法中绘制歌词,首先用高亮的画笔把当前正在演唱的一句歌词绘制在控件的竖直方向最中间,然后用其他颜色的画笔向上绘制在此句之前的歌词,向下绘制此句之后的歌词,随播放进度不断重绘自己既实现了一个歌词同步显示的控件。 刚开始我也想用这样的思路在WP中实现,但是在WP中我们没有办法来重写控... 阅读全文
posted @ 2014-02-15 16:43 西山雨 阅读(1145) 评论(2) 推荐(1) 编辑

导航