编辑导语：当我们给手机进行解锁时，往往需要进行滑动，那么这个功能的设计过程是怎样的呢？本文作者通过实际的操作经验，为我们总结了axure动态面板如何才能实现滑动解锁。

在制作app交互效果的时候，遇到手机滑动解锁，所以特意去学了axure怎么用动态面板实现滑动解锁（也就是拖动）的效果，这里和大家做一个分享。

一、第1步：准备相关的元件并命名

手机图片、手机壁纸（这里为了好看，可忽略）、轨迹矩形、滑块图标、提示文本、变化矩形（尺寸随着滑块的移动而变化），如下图：

建议：第一次建议用矩形，不要用圆角，下图只是为了好看：

二、第2步：调整元件的位置、尺寸、颜色

调整轨迹矩形为半透明状态，且边框去掉；调整变化矩形的初始宽度为1；调整提示文本的颜色为灰色，调整后如下图：

三、第3步：设置交互