我们在使用网易云APP听课的时候，基本上都会看见很多歌曲在播放时会有一个唱片在旋转！所以，今天我们就以Axure制作一个Axure网易云音乐唱片机播放效果原型，感兴趣的小伙伴就学习起来！入门Axure做产品经理，就上来学习！精选多套优质Axure自学视频课，综合全面的教会大家Axure软件基础操作以及原型交互，让你可以理论+实践全面发展~
Axure网易云音乐唱片机播放效果原型制作步骤：
01界面布局
唱片机由一个唱片和一个唱臂组成，先准备好两张图片。
两张图片都是PNG格式的透明背景，将两张图片拖动到设计界面上，调整好位置。添加一个“开始”按钮和一个“结束”按钮。
这次主要看看交互事件的处理步骤。
1.定义一个全局变量running，用来控制播放还是暂停running=0表示暂停，running=1表示播放状态，初始值为0。
1）判断running是否等于1，如果等于1继续下面的操作
2）顺时针旋转0.1度
3）等待1毫秒
4）触发当前元件的载入事件，实现循环操作
这里每次旋转了很小的角度，并且等待很短的时间，目的是为了让旋转看起来更平滑。
3.给唱臂添加单击事件，处理移入和移出唱片的旋转效果1）判断当前是否处于播放状态，即running等于1，如果是，继续下一步
2）顺时针旋转唱臂20度，时长为0.5秒，注意旋转的锚点是在图片的左上角
3）如果不是处于播放状态，则
4）逆时针旋转20度，时长为0.5秒
4.“开始”按钮的控制1）设置变量running为1，表示开始播放
2）禁用当前按钮，防止误点击；同时启用“暂停”按钮
3）触发唱片的载入事件，旋转唱片
4）触发唱臂的单击事件，旋转唱臂到唱片上
5.“暂停”按钮的控制，该按钮事件和“开始”按钮正好相反1）设置变量running为0，表示暂停
2）启用“开始”按钮，同时禁用“暂停”按钮
3）为了体验更好，我们让唱片旋转一个小角度后再停下来，顺时针旋转了5度，时长0.5秒
4）等待0.5秒，等待上面的旋转停止
5）触发唱臂回到原处
所有交互已经处理完毕，可以预览一下效果了。
好咯，关于“Axure网易云音乐唱片机播放效果原型怎么做？”的内容今天就分享到这里了，希望你能从中学到东西哦！Axure学习，的Axure相关文章、Axure自学视频课都是不错的选择！文字理解能力强的话，个人推荐Axure文章学习；但是想要专业学习Axure的话，还是推荐大家选择Axure自学视频课系统学！不仅可以更加清晰有条理，大家也都能够利用自己的碎片化时间学习！