Axure基础详解十七：唱片旋转播放/暂停效果

效果演示

---

制作过程

思路：

通过点击开始按钮，可以切换到播放按钮且唱片进行旋转；

再次点击，会从播放状态，变为暂停，停止播放，且唱片停止旋转。

---

组件

• 一张圆形图片命名为“唱片”。
• 两个【动态面板】，一个命名为“开关面板”设置两个状态，分别为开始和暂停状态，在这两个状态内部分别添加“开始”和“暂停”的图标按钮；另一个动态面板命名为“循环面板”，设置两个状态，不用添加任何东西，默认时隐藏（用来实现循环）。

---

设置交互

(1)对“开始按钮”设置交互

【单击时】“开关面板”状态切换为“暂停”；“循环面板”自动循环，间隔100毫秒。

---

(2)对“暂停按钮”设置交互

【单击时】“开关面板”状态切换为“开始”；“循环面板”停止循环。

---

(3)对“循环面板”设置交互

【状态改变时】“唱片”顺时针旋转0.6°。

---