高仿酷狗音乐的卡拉OK的字幕效果

原创，转载请注明：http://blog.csdn.net/wang9834664/article/details/8441043

最近在用酷狗音乐听音乐的时候发现字幕效果不错，手痒也试下能不能做出这种效果

先是参考了CSDN资源中的例子，网址如下，顺便吐槽下分真高（10分）：

http://download.csdn.net/detail/huhouge/3563401

该例子是用Quartz 2D写的，但是效果不是酷狗的效果，而且背景色无法是透明的，局限性太强。

琢磨了一下午终于让我找出一个方案可以跟酷狗音乐的效果一样

实现原理很简单，步骤如下：

1、创建一个UIScrollView然后一行一行的添加歌词，每行添加一个UIView,再给UIView里边添加一个UILabel用于放歌词

2、在播放歌词时用一个行高大小的UIScrollView里边放入UILabel（另一种颜色的单行歌词），

然后用定时器不断刷新UIScrollView的宽度，这样里边歌词会慢慢的展示出来盖在之前歌词的上面

效果如图：

例子代码在如下位置，自己下去，里边有BUG懒得调试了

http://download.csdn.net/detail/wang9834664/4931679

高仿酷狗音乐的卡拉OK的字幕效果相关推荐

【游戏开发创新】手把手教你使用Unity制作一个高仿酷狗音乐播放器，滨崎步，旋律起，爷青回（声音可视化 | 频谱 | Audio）
文章目录一.前言二.获取UI素材三.使用UGUI制作界面 1.界面布局 2.账号圆形头像 3.搜索框 4.调节UI层 5.黑色按钮悬浮高亮效果 6.纯文字按钮 7.滚动列表自适应 8.歌名与视频 ...
android高仿酷狗音乐播放器源码下载
这是一款简单的读取SD卡音乐文件进行播放.暂停.删除.切歌等功能的高仿酷狗音乐播放器. 主要功能: 模块简要说明扫描SD卡音乐扫描SD卡,并显示出本地音乐列表提供歌词跟随音乐滚动更能采用 ...
Android插件化开发指南——实践之Activity转场效果（仿酷狗音乐启动页）
文章目录 1. 前言 2. Activity退出动画 2.1 简单使用 2.2 overridePendingTransition 3. 后记 1. 前言在Android插件化开发指南--2.15 ...
android 高仿酷狗源码,项目源码--Android类似酷狗音乐播放器
知识技能概要: 1.音乐文件的扫描与管理 2.音频流的解码 3. UI控件的综合使用 4.播放列表方式管理 5.随机播放方式 6.源码带详细的中文注释 ...... 详细介绍 1.音乐文件的扫描与管理 ...
仿酷狗音乐播放器开发日志二十一开发动态调色板控件（附源码）
转载请说明原出处,谢谢~~ 上一篇仿酷狗日志结束后,整个换肤功能就只剩下调色板功能没有做了,我本以为会很简单,但是研究了酷狗的调色板功能后发现不是那么简单的事情.首先看一下酷狗的调色板的样子: 我原本 ...
仿酷狗音乐播放器开发日志二十一开发动态调色板控件（附源代码）
转载请说明原出处,谢谢~~ 上一篇仿酷狗日志结束后,整个换肤功能就仅仅剩下调色板功能没有做了.我本以为会非常easy.可是研究了酷狗的调色板功能后发现不是那么简单的事情.首先看一下酷狗的调色板的样子: ...
java仿酷狗音乐源码_【附项目源码】仿酷狗音乐客户端，浅淡动感歌词补充
原标题:[附项目源码]仿酷狗音乐客户端,浅淡动感歌词补充 1.前言之前写了几篇关于动感歌词的简单介绍,相信大家还有印象,这里就不多说了,这篇要说的是,关于翻译歌词和音译歌词,以及我在解析和显示这两种 ...
IOS基础之仿酷狗音乐第1天
IOS基础之仿酷狗音乐第1天细节较多,涉及字典转模型,tableView 的使用,模态框,自定义模态,音视频播放,全局PCH文件,xib加载,自定义 xib ,info.plist文件的加载,动画的 ...
仿酷狗音乐播放器已开源！
转载请说明原出处,谢谢:http://blog.csdn.net/zhuhongshu/article/details/41037875 距离我发布测试版的Redrain音乐盒(仿酷狗播放器),现在正 ...

高仿酷狗音乐的卡拉OK的字幕效果

高仿酷狗音乐的卡拉OK的字幕效果相关推荐

最新文章

热门文章