一般来说，现在的移动端开发都会引入身份证和银行卡OCR扫描，这个也是在注册和填写个人信息的时候非常必要的流程。简单的原型设计只需要点击进入扫描页即可。但我对这个扫描交互还是比较感兴趣，所以做了一个比较简单的扫描自动轮播的交互：
扫描棒自动轮播效果：
第一步：准备一个引导页或扫一扫图标按钮，随便选择一个（例如以下页面）；这个是用来点击后进入扫描页面的。
第二步，拖拽一个300*376的矩形，设置不透明度为20%，去掉描边。再拖拽一个150*150的白色矩形，设置不透明度为70%，去掉描边。把白色矩形放在大矩形的较上方位置。
第三步，给里面的白色矩形放好扫描框边角：一般用一条垂直线和一条水平线制成，放在矩形四周；然后在下面加一个文本‘将身份证正面置于此区域，并对齐扫描框边缘’；
第四步，比较关键：
1）拖拽一个矩形，设置长度为125，高度为4，然后吸取描框边角的颜色：一般为绿色；选定这个矩形点击鼠标右键‘转化为动态面板’；
2）将这个动态面板命名为‘扫描棒’，并拉长动态面板到扫描框位置；
3）双击右边‘概要页面’的扫描棒会弹出设置‘面板状态管理’，点击加号添加stage2；
注：看下面标注的1、2、3、4步骤；1拉长，2命名，3双击，4添加状态；
第五步，双击stage1进去会看到有一个扫描棒，ctrl+c复制扫描棒然后双击stage2进去ctrl+v粘贴；
要保证stage1和stage2都有扫描棒；
第六步，设置交互，我这里是选择身份证扫描页进入交互的；
选定‘点击上传身份证‘图标，选择用例’鼠标单击时‘--点击’设置面板状态‘--选择’扫描棒‘--选择状态’next‘--选择’向后循环‘、’循环间隔2000毫秒‘、’向下滑动2000毫秒‘；点击确认即可。
这样就可以直接预览动态效果了：进入预览页面点击一下‘点击上传身份证’图标，右边就会自动轮播扫描。
以上，如有兴趣的可自己调节颜色及增加更高保真度设计。
