今天带大家使用产品经理必备神器axure实现iphone滑动解锁效果，一起来看看~
一、准备素材
准备好一张背景图，绘制一个外边框命名“边框”，330*60，圆角30。
绘制一个圆形命名“滑块”，，50*50，圆角25，距离外边框各个边框距离5px。
新建一个页面，作为解锁以后进入的主页。
二、交互设置
将滑块转化为动态面板，设置动态面板载入事件，载入时设置变量location=滑块的x坐标。
设置动态面板拖动事件
1. 拖动时，设置动态面板水平拖动
这里需要注意三点：
（1）边界设置，滑块的位置应当大于等于location小于等于location + 320。这里的270是这么来的：外边框的长度-2*间距。
（2）如果拖动时候如果当前滑块x坐标小于location + 270，则水平拖动。270的由来：外边框长度 – 2*间距 – 滑块宽度。
（3）如果拖动时候如果当前滑块x坐标大于等于location + 270，则进入主页。
2. 拖动结束后如果滑块没有到达终点，滑块退回到原来位置
好了，到这里已经完全实现效果了，按下f5预览吧。
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。