Axure做手机滑动解锁的效果
滑动解锁不是什么新鲜的玩意儿了，不过据说是iPhone的专利，介个，就意味着这个效果其他操作系统不能用，不管它，先做出来再说，可以套用在其他交互动作上嘛。
准备两张图片，这两天是高考完了接着中考嘛，那我弄了两张代表毕业季的照片。宽300，高460，稍后就会揭晓。
两张图片自然要放在动态面板里嘛，所以先拖进来一个动态面板，命名screen，宽和高就是图片的宽高值。
给screen动态面板加两个状态，分别插入准备好的图片，就是解锁前和解锁后的画面。
随便做个滑动的区域啦，我用两个圆形和一个矩形拼的，拼好后一起选中转化成动态面板，命名move。
做一个圆形的滑块，命名hk(不是hongkong，是huakuai，(*^__^*) ……)
为了实现拖动效果，还是要转换成动态面板，hk_panel。
为了实现拖动效果，还是要转换成动态面板，hk_panel。
为了限定左右滑动的范围，还是拖进来两个热区吧，我给的宽度都是1，命名分别是left 和right。
开始加第一个用例，给hk_panel的“拖动动态面板时”加用例如下：比较简单的逻辑，就是hk在限定区域内滑动，也就是未接触左侧热区和右侧热区，hk可以沿X轴拖动。
做完未接触的就该做接触的了，首先做接触left热区的用例，要求圆形滑块不能到left的左边去。
同理，做了右边热区的接触用例。但是，但是。
当我F5运行的时候，完全不对啊，这是什么鬼，傲娇的粉色滑块到了左侧或者右侧总是咻的一下神秘消失。
唉，做个教程容易么，宝宝心好累。
我改。
既然绝对位置不行，那就改成相对位置。下面是改成相对位置之后的用例2 和用例3.
神奇的是，改完之后好了……好了……好了……
不要问我为什么，我想静一静，一定是软件或者浏览器抽风……
等等，说好的解锁（换屏幕）效果呢？
既然解锁是滑到右侧，就是接触right热区的效果，那就是用例3 ，继续编辑。设置screen面板状态为状态2，再给个动画效果。运行下看看。还不错吧。
再等等，好像还是不对。屏幕切换后效果是下面这样的，有没有感觉哪里怪怪的？
不错，就是滑动的条，要！消！失！
这个比较简单啦，继续编辑用例3，把动态面板move和hk_panel设成隐藏就OK啦。
照例，放上百度网盘的源文件下载地址 http://pan.baidu.com/s/1nvesvxR 随便拿去用啦。