暂缺，没找到合适的转换软件。

一、元件准备

1、添加动态面板三个，分别用来存放滚动的圆块，验证状态和验证码的背景图片，分别起名字叫“拖动圆球”，“状态”和“验证码背景”。其中“验证码背景”动态面板隐藏；

2、“拖动圆球”动态面板中添加图片；

3、“状态”动态面板设置三个状态，分别是初始状态、错误状态和正确状态；

4、添加一个矩形，起名叫“拖动限制”，用来限制“拖动圆球”的起始和终点坐标的；

5、添加一个文本标签，在初始状态时，用来提示用的，起名叫“初始提示内容”，并将文本标签放到“拖动限制”上方；

6、在“验证码背景”动态面板中放一个动态面板，用来存放随机出现的图案缺口，起名叫“滑块标准”；

7、在“验证码背景”动态面板中放一个矩形框，用来限制随机出现的图案缺口的位置，起名字叫“边界”

8、最后，再添加一个动态面板，用来存放滑块的，起名叫“滑块”，初始是隐藏的；

9、注意：“滑块标准”动态面板和“滑块”动态面板中放的图案大小和样式必须一致。

二、添加用例

用例很少，只有在“拖动圆球”动态面板上设置就可以了，具体设置如下：

1、首先，在鼠标移入“拖动圆球”动态面板中时，需要显示“验证码背景”动态面板和“滑块”动态面板，并且需要随机出现“滑块标准”动态面板，且要控制其不会出现在“边界”之外，而且为了便于“滑块”出现，最好是限制“滑块标准”动态面板出现在“边界”的右半部分。同时显示“滑块”动态面板，并且设置“滑块”动态面板的x坐标为“拖动圆球”的x坐标，设置“滑块”动态面板的y坐标为“滑块标准”动态面板的y坐标；

这时会有两种情况，一种是之前有过操作，且正确，另一种情况是初始状态或者之前有过操作，但是错误了，那么我们要根据“状态”动态面板的状态判定；

（1）初始状态或者之前有过操作，但是错误了，按照1步骤中的设置，如图：

人人都是产品经理（woshipm.com）是以产品经理、运营为核心的学习、交流、分享平台，集媒体、培训、社群为一体，全方位服务产品人和运营人，成立12年举办在线讲座1000+期，线下分享会500+场，产品经理大会、运营大会50+场，覆盖北上广深杭成都等20个城市，在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监，他们在这里与你一起成长。