axure如何实现跳转_Axure教程：拖动拼图解锁效果制作步骤详解

本文详细介绍了如何用Axure制作拼图样式的拖动解锁效果，有需要的小伙伴赶紧学习起来~

用Axure制作拼图样式的拖动解锁的效果：

1. 拉动按钮直线运动在一定范围内；
2. 拼图跟随按钮直线运动在一定范围内；
3. 按钮停下来，如果拼图位置跟阴影位置的误差在一定范围内；
4. 点击登录按钮跳转到登录成功页面。

一、元件布局

先用图片处理软件制作了三片拼图，两个小拼图是一样大的，大小拼图两者是能合一的，其他的图标从网上下载，图形可用Axure制作。

记录下滚动条的宽度和位置，这是按钮和拼图移动的范围，按钮元件设置为动态画板

二、添加事件

1. 按钮沿直线在一定范围内移动