目录
一、需求
二、无限旋转
三、云音乐播放设计
四、旋转细节
一、需求
在Axure中做一个类似网易云音乐的音乐播放页面，初步实现以下效果
二、无限旋转
如何让元件一直旋转？Axure中两种旋转方式：“绝对位置”是到达设置的角度就停止了，而“相对位置”是能一直经过我们设置的角度，所以这里勾选相对位置。此时设置为“载入时——>该元件旋转”还是不够的
解决方法是需要载入时触发元件另一个包含旋转动作的事件，这样才能一直旋转
以下两种方式：一种载入时直接触发旋转事件来达到无限旋转；另一种则通过改变显示状态，间接触发旋转。核心思路都是相同的，方法应该也不止这两种
三、云音乐播放设计
准备好素材：云音乐底图、唱片封面、裁剪好的暂停键
方形图片可通过滑动圆角变成圆形，放在底图唱片处
把暂停键覆盖在底图的播放键上面，然后在最上面放一个热区
唱片载入时触发旋转事件（注意这里两个事件都要先判断暂停键是否可见，这样后续隐藏暂停键唱片就不会在一开始旋转了）
热区按下面这样设置就可以
这样一来，我们点击热区时，暂停键改变可见状态，在视觉上播放按钮的样式也就改变了
热区虽然能直接触发唱片旋转，但我们设置的旋转事件也有条件判断，逻辑上天衣无缝，预览时交互正常。当我们隐藏了暂停键后，依然是可以正常切换可见，唱片正常旋转的
这样一个简单又不失精致的播放旋转效果就做好啦~
四、旋转细节
唱片旋转时，角度应该设置得小（因为按下暂停键时，元件还在旋转最后一次，幅度小预览效果好一些）
动画选择线性（匀速旋转）
时间和方向根据预览效果来调整