今天带大家使用产品经理必备神器axure实现iphone滑动解锁效果,一起来看看 一、准备素材 准备好一张背景图,绘制一个外边框命名“边框”,33060,圆角30。 绘制一个圆形命名“滑块”,,5050,圆角25,距离外边框各个边框距离5px。 新建一个页面,作为解锁以后进入的主页。 二、交互设置 将滑块转化为动态面板,设置动态面板载入事件,载入时设置变量location滑块的x坐标。 设置动态面板拖动事件 1。拖动时,设置动态面板水平拖动 这里需要注意三点: (1)边界设置,滑块的位置应当大于等于location小于等于location320。这里的270是这么来的:外边框的长度2间距。 (2)如果拖动时候如果当前滑块x坐标小于location270,则水平拖动。270的由来:外边框长度2间距滑块宽度。 (3)如果拖动时候如果当前滑块x坐标大于等于location270,则进入主页。 2。拖动结束后如果滑块没有到达终点,滑块退回到原来位置 好了,到这里已经完全实现效果了,按下f5预览吧。