Axure交互进阶教程-拖图制作

这是locky私人共享的工作经验教程，网上是没有的哦，喜欢的请给一个赞～，locky会陆续共享出其他相对复杂一点和网上教程稀少的交互供设计爱好者经验交流～

Axure交互进阶教程-拖图制作

步骤一：先绘制300*120需要拖动的图片四个，并配上不一样的字眼做区分；

步骤二：将图片编组为3434，点右键，然后选择转为动态面板；

步骤三：将动态面板的大小设置为360*120，进入状态1调整图片位置，第一张图片相对于动态面板剧中，后续每隔10放一张图片；

步骤四：图片位置设置好后就可以添加交互效果了，在动态面板内添加左滑效果，设置条件为“”设置元件3434为局部变量LVAR1，当局部变量的x坐标大于-900，则向左移动3434元间  310，并附带500ms的补间动画。翻译为axure设置为如下图展示：

步骤五：在动态面板内添加左滑效果，设置条件为“”设置元件3434为局部变量LVAR1，当局部变量的x坐标小于30，则向右移动3434元件310，并附带500ms的补间动画。

步骤六：现在可以点预览查看交互效果了哦～