手机qq音乐歌词颜色怎么换,手机版qq音乐歌词颜色怎么调

本文以QQ音乐为例，实现了带时间的进度条、歌词颜色变化、唱片旋转、暂停播放等原型交互。

一、效果展示

1. 体验地址：https://v0u9to.axshare.com
2. 原型下载链接：https://pan.baidu.com/s/1jbrZnENr2MLZvzlWgIze-g 提取码：34gu
3. 交互说明：点击播放、暂停按钮可实现原型的播放与暂停；左右拖动页面可切换唱片、全屏歌词页面。

二、唱片旋转

1. 实现的效果

点击播放按钮时，唱片缓慢地围绕其自身中心旋转；点击暂停按钮时，唱片停止旋转。

2. 思路

可以通过循环面板来控制唱片的旋转。

（1）拖入一个374×645的矩形充当手机页面，并调整填充颜色；输入歌曲及歌手名称；添加一张歌手照片及圆形元件充当唱片，把该组合转化为动态面板，命名为“唱片”；添加一个名为“播放-暂停”的动态面板，该面板共有两个状态：暂停、播放，并通过圆形、三角形、垂直线等元件画出暂停、播放的按钮。如下图所示：

（2）拖入一个循环动态面板，命名为“循环1”，该循环面板共有2个状态。

（3）当点击暂停状态图标时，把“ 播放-暂停”设置为“播放”状态，并设置“循环1”动态面板循环，循环时间为400ms；当点击播放状态图标时，把“播放-暂停按钮”设置为“播放-暂停”为“暂停”状态，并把“循环1”动态面板停止暂停。