【玩机帖】KLWP使用技巧——13音乐播放器

网瘾少年鲨某人

音乐播放器组件常用的组成部分通常为：播放进度（时间和进度条）、专辑封面、音乐名称/作者、播放控制、等（目前不支持歌词显示暂不讨论）

最开始的先做一个重叠组来承载上述功能，本篇中使用的代码多为mi音乐信息，文章中就不再赘述

第一个先做专辑封面，先拉一个矩形，图形→纹理选择位图，位图直接套专辑封面公式



接着进度条，图形进度条很简单，进度→进度选择音乐播放时间，然后调整一下大小参数等



文字也差不多，新建文本，然后进入文本的公式编辑：



前者是音乐此时播放位置，后者是音乐总时长，将其中一个加粗和加斜杠，方便二者进行分辨

接着是作者和音乐名，没啥好说的，公式里都有，新建俩文本分别对应一下就行了



这里很容易发现，过长的音乐标题会产生很严重的溢出，这里就要提一个容易忽视的细节，在文字编辑里固定文字宽度（此时最大行数建议设为1或2），多出来的部分会以省略号表示



接下来就是控制器了，此处是本章最复杂的一个点，首先新建一个重叠组，在堆叠组里设置一个矩形，圆角设置成半个高度



紧跟着矩形后，再新建一个重叠组，依次增加上一首、暂停/播放、下一首三个图标，调整尺寸、颜色、位置后大致成这样：



接下来以播放/暂停键为例，为它增加对应功能，操作过程单击→动作→音乐控制，音乐→播放/暂停，如图：



最简单的功能就已经预设完成了，可以根据个人喜好进行外观调整

网瘾少年鲨某人

音乐播放器组件常用的组成部分通常为：播放进度（时间和进度条）、专辑封面、音乐名称/作者、播放控制、等（目前不支持歌词显示暂不讨论）

最开始的先做一个重叠组来承载上述功能，本篇中使用的代码多为mi音乐信息，文章中就不再赘述

第一个先做专辑封面，先拉一个矩形，图形→纹理选择位图，位图直接套专辑封面公式



接着进度条，图形进度条很简单，进度→进度选择音乐播放时间，然后调整一下大小参数等



文字也差不多，新建文本，然后进入文本的公式编辑：



前者是音乐此时播放位置，后者是音乐总时长，将其中一个加粗和加斜杠，方便二者进行分辨

接着是作者和音乐名，没啥好说的，公式里都有，新建俩文本分别对应一下就行了



这里很容易发现，过长的音乐标题会产生很严重的溢出，这里就要提一个容易忽视的细节，在文字编辑里固定文字宽度（此时最大行数建议设为1或2），多出来的部分会以省略号表示



接下来就是控制器了，此处是本章最复杂的一个点，首先新建一个重叠组，在堆叠组里设置一个矩形，圆角设置成半个高度



紧跟着矩形后，再新建一个重叠组，依次增加上一首、暂停/播放、下一首三个图标，调整尺寸、颜色、位置后大致成这样：



接下来以播放/暂停键为例，为它增加对应功能，操作过程单击→动作→音乐控制，音乐→播放/暂停，如图：



最简单的功能就已经预设完成了，可以根据个人喜好进行外观调整