滑块验证是登录环节经常会使用到的验证方式，那如何试用Axure实习滑块验证那，我们今天就来试试。
需求分析
根据我们在上面看的效果，滑块验证的需求如下：
（1）初始状态：滑块在最右侧，并且显示“ >> ”，“ 下一步 ”按钮禁用（灰色）；
（2）拖动状态：当使用鼠标拖动的时候，滑块随着鼠标移动，并且滑块移过的地方用绿色覆盖；
（3）当滑块移动到最右侧时候，滑块上面显示”ok”，按钮变成可用（白色）；
（4）如果滑块在移动的过程中，没有移动到最右侧，滑块退回初始位置，滑块轨道还是被灰色覆盖。
设计思路
（1）这个案例需要用到滑块拖动，那需要动态面板实现滑块；
（2）滑块只能在滑道里面移动，需要设置滑块移动范围不能超过滑道；
（3）滑道背景的的改变，可以在滑块后面设置一个绿色的背景矩形，背景矩形位于滑道的上层，当滑动移动端的时候，改变这个背景矩形的大小。
原型设计
（1）拖动3个矩形放入画布，分别是滑块(slider)、滑道(track)、背景(back)，这三个矩形的层次从前往后分别是滑块、背景和滑道。
（2）把滑块slider转换为动态面板。
（3）拖入一个矩形作为“第一步”按钮，并且设置该矩形为禁用。
（4）当然我们还要拖入一个输入框，作为手机号码输入框。
到此，原型就设计完成，最后的效果如下：
交互设计
（1）设置动态面板slider的移动中事件，当slider移动中的时候，设置滑块slider跟随移动，并且设置绿色背景back的尺寸跟随变化。
（2）当拖动结束时候，判断是否已经拖动到最右侧，如果拖动到最右侧，就把“下一步”按钮设为可用状态。
（3）如果拖动结束时，没有拖动到最右侧，则滑块slider位置复原，背景back尺寸复原。
（4）设置按钮下一步的交互样式，当禁用的时候，用灰色填充。
到了这步，滑块验证的功能就算做好了，同学们赶紧去试试吧。
