自定义歌词视图

最新推荐文章于 2021-08-17 14:09:38 发布

IT_HE

最新推荐文章于 2021-08-17 14:09:38 发布

阅读量427

点赞数

分类专栏： ios 文章标签：歌词 ios开发

本文链接：https://blog.csdn.net/IT_HE/article/details/71077628

版权

本文介绍如何在iOS应用中实现自定义歌词视图。通过分析接口数据，利用TableView展示歌词，并通过自定义Label和Cell实现歌词随时间滑动的效果。详细步骤包括创建歌词Model、工具类、Label、Cell以及视图，并在音乐播放界面进行集成。

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

效果图

这里写图片描述

接口数据

{
  "showapi_res_code": 0,
  "showapi_res_error": "",
  "showapi_res_body": {
    "ret_code": 0,
    "lyric": "[ti&#58;偏爱]&#10;[ar&#58;张芸京]&#10;[al&#58;仙剑奇侠传3&#32;电视原声带]&#10;[by&#58;]&#10;[offset&#58;0]&#10;[00&#58;00&#46;05]偏爱&#32;&#45;&#32;张芸京&#10;[00&#58;01&#46;22]词：葛大为&#10;[00&#58;02&#46;22]曲：陈伟&#10;[00&#58;02&#46;90]&#10;[00&#58;15&#46;80]把昨天都作废现在你在我眼前&#10;[00&#58;23&#46;03]我想爱请给我机会&#10;[00&#58;27&#46;09]&#10;[00&#58;29&#46;57]如果我错了也承担&#10;[00&#58;32&#46;89]&#10;[00&#58;33&#46;40]认定你就是答案&#10;[00&#58;37&#46;07]&#10;[00&#58;38&#46;16]我不怕谁嘲笑我极端&#10;[00&#58;41&#46;70]&#10;[00&#58;43&#46;26]相信自己的直觉&#10;[00&#58;47&#46;19]顽固的人不喊累&#10;[00&#58;50&#46;58]爱上你我不撤退&#10;[00&#58;56&#46;10]我说过我不闪躲我非要这么做&#10;[01&#58;02&#46;03]讲不听也偏要爱&#10;[01&#58;04&#46;48]更努力爱让你明白&#10;[01&#58;09&#46;01]&#10;[01&#58;09&#46;78]没有别条路能走&#10;[01&#58;12&#46;92]你决定要不要陪我&#10;[01&#58;15&#46;89]讲不听偏爱看我感觉爱&#10;[01&#58;19&#46;25]等你的依赖对你偏爱&#10;[01&#58;28&#46;90]&#10;[01&#58;29&#46;56]痛也很愉快&#10;[01&#58;35&#46;58]&#10;[01&#58;38&#46;06]把昨天都作废现在你在我眼前&#10;[01&#58;45&#46;23]我想爱请给我机会&#10;[01&#58;49&#46;32]&#10;[01&#58;51&#46;79]如果我错了也承担&#10;[01&#58;55&#46;12]&#10;[01&#58;55&#46;69]认定你就是答案&#10;[01&#58;59&#46;28]&#10;[02&#58;00&#46;40]我不怕谁嘲笑我极端&#10;[02&#58;04&#46;06]&#10;[02&#58;05&#46;49]相信自己的直觉&#10;[02&#58;09&#46;41]顽固的人不喊累&#10;[02&#58;12&#46;29]&#10;[02&#58;12&#46;80]爱上你我不撤退&#10;[02&#58;18&#46;35]我说过我不闪躲我非要这么做&#10;[02&#58;24&#46;44]讲不听也偏要爱&#10;[02&#58;26&#46;79]更努力爱让你明白&#10;[02&#58;32&#46;10]没有别条路能走&#10;[02&#58;35&#46;18]你决定要不要陪我&#10;[02&#58;38&#46;16]讲不听偏爱看我感觉爱&#10;[02&#58;41&#46;55]等你的依赖&#10;[02&#58;44&#46;59]不后悔有把握&#10;[02&#58;47&#46;41]我不闪躲我非要这么做&#10;[02&#58;51&#46;89]讲不听也偏要爱&#10;[02&#58;54&#46;17]更努力爱让你明白&#10;[02&#58;58&#46;31]&#10;[02&#58;59&#46;49]没有别条路能走&#10;[03&#58;02&#46;61]你决定要不要陪我&#10;[03&#58;05&#46;57]讲不听偏爱看我感觉爱&#10;[03&#58;08&#46;99]等你的依赖对你偏爱&#10;[03&#58;18&#46;66]&#10;[03&#58;19&#46;26]痛也很愉快",
    "lyric_txt": "                                 偏爱         张芸京      词：葛大为      曲：陈伟            把昨天都作废现在你在我眼前      我想爱请给我机会            如果我错了也承担            认定你就是答案            我不怕谁嘲笑我极端            相信自己的直觉      顽固的人不喊累      爱上你我不撤退      我说过我不闪躲我非要这么做      讲不听也偏要爱      更努力爱让你明白            没有别条路能走      你决定要不要陪我      讲不听偏爱看我感觉爱      等你的依赖对你偏爱            痛也很愉快            把昨天都作废现在你在我眼前      我想爱请给我机会            如果我错了也承担            认定你就是答案            我不怕谁嘲笑我极端            相信自己的直觉      顽固的人不喊累            爱上你我不撤退      我说过我不闪躲我非要这么做      讲不听也偏要爱      更努力爱让你明白      没有别条路能走      你决定要不要陪我      讲不听偏爱看我感觉爱      等你的依赖      不后悔有把握      我不闪躲我非要这么做      讲不听也偏要爱      更努力爱让你明白            没有别条路能走      你决定要不要陪我      讲不听偏爱看我感觉爱      等你的依赖对你偏爱            痛也很愉快"
  }
}