Axure学习笔记整理3-扫描框自动轮播效果

一般来说，现在的移动端开发都会引入身份证和银行卡OCR扫描，这个也是在注册和填写个人信息的时候非常必要的流程。简单的原型设计只需要点击进入扫描页即可。但我对这个扫描交互还是比较感兴趣，所以做了一个比较简单的扫描自动轮播的交互：

扫描棒自动轮播效果：

第一步：准备一个引导页或扫一扫图标按钮，随便选择一个（例如以下页面）；这个是用来点击后进入扫描页面的。

第二步，拖拽一个300*376的矩形，设置不透明度为20%，去掉描边。再拖拽一个150*150的白色矩形，设置不透明度为70%，去掉描边。把白色矩形放在大矩形的较上方位置。

第三步，给里面的白色矩形放好扫描框边角：一般用一条垂直线和一条水平线制成，放在矩形四周；然后在下面加一个文本‘将身份证正面置于此区域，并对齐扫描框边缘’；

第四步，比较关键：

1）拖拽一个矩形，设置长度为125，高度为4，然后吸取描框边角的颜色：一般为绿色；选定这个矩形点击鼠标右键‘转化为动态面板’；