Axure学习笔记：微信扫描2

#交互#   Axure

---

这次的微信扫描界面是从上一篇微信扫描界面中进行修改。

场景：使用微信扫描的扫码功能时，环境光线不足时，在扫描框中显示手电筒按钮，点击按钮启动手机手电筒功能。

上一篇文章链接如下：

https://www.jianshu.com/writer#/notebooks/20481395/notes/21492391

---

效果如下：

成果图

---

流程如下：

1. 打开上一次完成的微信扫描界面，如下图

正常的微信扫描界面

2. 在底部图片图层上加一层黑色遮罩，矩形（width:375,height:667，填充#000000，不透明50%）

3. 把文字“将=二维码/条码放入框内，即可自动扫描”删除，或者透明度直接设置为0%

4. 打开上次用PhotoShop绘制的扫描框psd文档，隐藏中间的绿色扫描线，生成png图片，在Axure中替换原本的图层

5. 插入手电筒素材，调整大小。并在底部添加文字“轻触照亮”，图层置顶。手电筒与文字组合，位置放在扫描框底部并且居中。完成~~

白色手电筒素材