『』Axure教程：网易云音乐界面原型设计( 二 )
将播放按钮隐藏起来 ， 显示暂停按钮并置于顶层；唱片封面以每100ms旋转1°的速度；进度条标识以每1000ms的速度移动1；设置唱片封面周围的动态圈为动态面板 ， 在每个状态中放入圆心相同、半径不同的空心圆 ， 将其设置为向后循环效果；
本文插图
为使单击暂停按钮时 ， 唱片封面停止旋转以及动态圆圈停止动态变化 ， 同时为保持旋转等变化的一致性 ， 我们对唱片封面图片设置旋转时的用例如下 ， 需要注意的是 ， 此时我们需要添加判断条件 ， 即当暂停部件可见时才会执行以下操作 ， 暂停图标隐藏时动作随即停止：
本文插图
为使时间随着进度条标识的移动进行符合实际的变化 ， 我们首先设置全局变量t ， 默认值为1000：
接下来 ， 我们对进度条标识设置移动时的部分用例如下：
同上一步中为使单击暂停按钮时 ， 进度条标识停止移动、时间停止变化 ， 我们添加判断条件 ， 即当暂停部件可见时才会执行以下操作 ， 暂停图标隐藏时动作随即停止 。 同时我们根据以下条件对全局变量t进行设置 ， 更新时间文本：
本文插图
2. 收藏喜爱的音乐
当我们单击喜欢时 ， 即可收藏喜爱的音乐 ， 同时弹出提示框 ， 两秒后提示框自动消失 。 这时我们在设置用例时只需添加等待事件即可 。
3. 分享窗口
这一部分比较简单 ， 只是涉及到了分享窗口的显示与隐藏 。
这样看下来是不是制作一个原型非常的简单呢 。
欢迎大家与我交流 ， 共同进步~
作者：产品小小白；公众号：产品小新学乐园
本文由 @产品小小白 原创发布于人人都是产品经理 。 未经许可 ， 禁止转载
题图来自Unsplash ， 基于CC0协议
推荐阅读
- 『音乐』原创 QQ音乐玩破壁、网易逆袭社交，谁说神曲才是终极模式？
- @当贝市场首发上线钉钉课堂，无需投屏也能上课，分享详细教程
- 「互联科技热门」当贝市场首发上线钉钉课堂，无需投屏也能上课，分享详细教程
- 「经验教程」外星人笔记本电脑怎么进入BIOS
- 经验教程：电脑系统怎么更新
- 「永不言败365」操作从零开始打造一个赚钱社群的创业项目实操教程
- 「网易手机」3299元起的iPhone SE发布后 iPhone 8系列官网下架
- #网易科技频道#科技与潮流互为表里 荣耀30系列演绎先锋美学
- 「钛媒体APP」玩视频号两个月，有人靠卖教程赚七万块，有人给公号导了三千个粉丝
- [网易科技报道]杨元庆提出联想未来10年目标：服务成核心竞争力