这次的微信扫描界面是从上一篇微信扫描界面中进行修改。
场景：使用微信扫描的扫码功能时，环境光线不足时，在扫描框中显示手电筒按钮，点击按钮启动手机手电筒功能。点击查看上一篇的微信扫描笔记->微信扫描
成果图
步骤：
1. 打开上一次完成的微信扫描界面，如下图
正常的微信扫描界面
2. 在底部图片图层上加一层黑色遮罩，矩形（width:375,height:667，填充#000000，不透明50%）
3. 把文字“将=二维码/条码放入框内，即可自动扫描”删除，或者透明度直接设置为0%
4. 打开上次用PhotoShop绘制的扫描框psd文档，隐藏中间的绿色扫描线，生成png图片，在Axure中替换原本的图层
5. 插入手电筒素材，调整大小。并在底部添加文字“轻触照亮”，图层置顶。手电筒与文字组合，位置放在扫描框底部并且居中。完成~~
白色手电筒素材
这次的微信扫描界面是从上一篇微信扫描界面中进行修改。 场景：使用微信扫描的扫码功能时，环境光线不足时，在扫...
效果图~~ 1. 手机截图1张，拖入Axure中，快速的简单粗暴的弄好一个界面的基本交互 2. 在PS中打开微信扫...
继续完善微信扫描中的其他两个场景，封面扫描和街景扫描的界面有点类似，就不详细解释了。 主要说一下翻译扫描的步骤~~...
效果图～～因为上次绘制的黑色遮罩psd文档没有保存，所以这次重新用ps绘制了一次并且很确定的保存了文档！！！记得保...
TIM的扫一扫功能，主要用于扫描对方二维码添加好友，其中在这界面也提供了读取相册二维码功能，以及显示用户的二维码的...
这个原型图是在2017年6月份开始做的，断断续续弄了一个多月，到了7月才弄完。第一次使用Axure画原型，有的地方...
大家好，这次分享1个自己用Axure制作微信UI的原型。 说明：制作这个WeUI的Axure原型的初衷是为了学习微...
闲鱼APP的扫描界面，可以支持扫描二维码/条形码，访问相册读取照片，调用系统手电筒功能。 顶部的Navigatio...
从淘宝APP左上角“扫一扫”进入扫描界面，底部的TabBar显示三种扫描情景，每一个情景的界面布局风格不完全一致，...
淘宝扫描码功能中的界面列举~~~
本文标题：Axure学习笔记：微信扫描2
本文链接：https://www.haomeiwen.com/subject/iuymgxtx.html
网友评论