Axure案例解析：网易云音乐唱片机播放

文章分享了网易云音乐唱片机播放效果的原型设计过程，希望对你有所受

用。申明：本文仅仅是探索学习网易云音乐App的样式和交互设计，和网易云

音乐App本身无关。网易云音乐App在播放音乐时父女合唱，拟物化地显示一个唱片机。开始播放时，

音乐响起，唱片开始旋转迟迟春日弄轻柔，唱臂轻轻旋转后搭在唱片上，暂停时包容歌曲原唱，唱片渐渐停

下来，唱臂也从唱片上移走连云港掼蛋。我们可通过Axure的交互设计动作的设置call it what you want，精确控制它的交互操作，例如

在暂停时鬼叫的声音，让唱片再次旋转一点角度，等待停下来后，再将唱臂移走，请注意

后面设置交互动作的顺序。唱片机由一个唱片和一个唱臂组成怀旧武侠电视剧，先准备好两张图片凛冬将至。两张图片都是PG格式的透明背景the wire，将两张图片拖动到设计界面上于心何忍，调整

好位置。添加一个“开始”按钮和一个“结束”按钮www ok168。这次主要看看交互事件的处理步骤。running=0表示暂停逛新城表演唱，running=1表示播放状态卢恒宇和李姝洁，初始值为0。1）判断running是否等于1zayin，如果等于1继续下面的操作2）顺时针旋转0.1度）等待1毫秒4）触发当前元件的载入事件华尔街金钱永不眠，实现循环操作这里每次旋转了很小的角度，并且等待很短的时间hairy women，目的是为了让旋转看

起来更平滑何晟铭唱过的歌。1）判断当前是否处于播放状态低俗小说 原声，即running等于1，如果是，继续下一步2）顺时针旋转唱臂20度，时长为0雅尼紫禁城音乐会.5秒三人行必有我师英文，注意旋转的锚点是在图片的左

上角）如果不是处于播放状态，则4）逆时针旋转20度，时长为0胖虎小夫任意门漫画.5秒1）设置变量running为1陈瑞的资料，表示开始播放2）禁用当前按钮一辈子的爱，防止误点击；同时启用“暂停”按钮）触发唱片的载入事件，旋转唱片4）触发唱臂的单击事件，旋转唱臂到唱片上1）设置变量running为0，表示暂停2）启用“开始”按钮，同时禁用“暂停”按钮）为了体验更好加减乐队，我们让唱片旋转一个小角度后再停下来，顺时针旋转了

5度，时长0.5秒4）等待0.5秒美丽公主，等待上面的旋转停止5）触发唱臂回到原处所有交互已经处理完毕克罗地亚狂想曲琴谱，可以预览一下效果了天目危机。唱片机的原型主要应用了元件的旋转操作，需要注意如何处理循环操作，

同时也需要注意全局变量在这里是如何控制播放的暂停的逻辑的。