axure设置页面滑动(axure设置图片滚动)

本期教学是网易云音乐播放界面中唱片旋转和暂停的交互实现细节。一起来看看吧~
1.交互事件原理解释条件判断按钮动态面板决定记录是否旋转；点击按钮后，图像旋转；添加图片的“旋转时”事件来控制其圆周旋转。
第二，在界面元素构造中加入一个名为“Button”的动态面板，加入“旋转”和“暂停”两种状态。相应的按钮分别命名为“旋转”和“暂停”。加一张图“光盘”，这个教程是两张图，你也可以用一张图。
三。交互事件实现(1)选择【按钮】动态面板，添加【鼠标点击时】事件。
1)如果按钮面板是【旋转】，则将该面板切换到下一个状态，向后循环，同时将【圆盘】旋转到“相对位置”，角度为5，顺时针方向，线性动画，500毫秒。
2)否则，该面板切换到下一个状态。
(2)选择【圆盘】，添加【旋转时】事件(主要是实现圆盘的圆周旋转)。
同理，旋转为“相对位置”，角度为5，方向为“顺时针”，动画为线性，时间为500ms。判断条件是：动态面板【按钮】==暂停。
四。预览效果示例演示：
作者：火星人~ Ace，微信官方账号：Axure Canyon of Ace
本文由@ Martian ~ Ace原创发布。每个人都是产品经理。未经许可，禁止复制。
来自Unsplash的图像，基于CC0协议。