axure原型设计之⼆维码扫描框
效果图：
⾃从⼆维码流⾏起来之后，⼆维码成了移动端的⼀种很关键的⼊⼝，随时随地只需要扫⼀扫，既可以打开某个⽹页，下载某个APP，特别⽅便。因此，现在很多APP都⽀持扫⼀扫功能，⽐如QQ、、⽀付宝，饿了么等等。这⼀章就教⼤家如何使⽤axure原型⼯具制作⼆维码扫描框。
第⼀步：拖拉摆放好相关控件
1、⼀个300X395的⿊底⿊框矩形，不透明度为20%，命名为“背景框”；
2、⼀个150X150的⽩底⽩框矩形，不透明度为70%，命名为“扫描框”，放在“背景框”的中上⽅；
3、⼀条宽为131的绿⾊⽔平线，不透明度为30%，命名为“扫描条”，初始状态设置为隐藏，放在“扫描框”的顶部；
如何制作二维码
4、⼀个⽂本标签，⽩⾊⽂字，⽂字内容为“将⼆维码/条码放⼊框内，即可⾃动扫描”，放在“扫描框”的底部往下⼀点的位置；
5、由4条短的的垂直线和4条短的⽔平线组成的组合，均为绿⾊，宽或⾼均为15，分别将“扫描框”的四个⾓围起来。
第⼆步：为“扫描条”添加载⼊时⽤例
在该⽤例中只需添加⼀个动作，即显⽰“扫描条”。
第三步：为“扫描条”添加显⽰时⽤例
在该⽤例中添加如下5步动作：
1、相对移动当前元件y轴150的距离，动画为线性，时间为3000毫秒；
2、等待0毫秒；
3、隐藏当前元件；
4、相对移动当前元件y轴-150的距离，没有动画；
5、显⽰当前元件；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。