本文介绍如何使用Axure制作滑块验证组件。通过需求分析、设计思路和原型设计三个步骤，详细讲解了滑块验证的实现过程，包括滑块的初始状态、拖动效果、验证成功和失败的反馈。同时，还提供了交互设计的细节，如动态面板移动事件的设置和按钮状态的控制。
滑块验证是登录环节经常会使用到的验证方式，那如何试用Axure实习滑块验证那，我们今天就来试试。
老规矩，我们先看看实现以后的效果：
效果查看：http://www.axurestudy.cn/pr/index.html
【需求分析】
根据我们在上面看的效果，滑块验证的需求如下：
1、初始状态：滑块在最右侧，并且显示“ >> ”，“ 下一步 ”按钮禁用（灰色）；
2、拖动状态：当使用鼠标拖动的时候，滑块随着鼠标移动，并且滑块移过的地方用绿色覆盖；
3、当滑块移动到最右侧时候，滑块上面显示"ok"，按钮变成可用（白色）；
4、如果滑块在移动的过程中，没有移动到最右侧，滑块退回初始位置，滑块轨道还是被灰色覆盖；
【设计思路】
1、这个案例需要用到滑块拖动，那需
最低0.47元/天 解锁文章
扫一扫
867
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
