二维码扫码动效-扫描线上下移动原型

扫码

二维码扫码动效案例就是扫码线不停的上下运动。简单思路如下:

1、扫码线一直不停的运动。

不停的运动那么就是需要循环;很简单设置一个2个状态的动态面板,载入时就开启循环;

2、扫描线是上下移动。

在动态面板循环时扫描线可以不停的移动,上下就考虑移动坐标。向上移动,Y轴坐标减小(负数),向下移动,Y轴坐标增加(正数)。

3、扫描线到达二维码最高或最低时需要改变方向。

所以就在到达最高或最低时需要改变移动坐标的正负数。故只需要做一个上下边界的判断,更改移动坐标值即可。

欢迎产品朋友一起交流学习,作者微信:769918876

1 条评论 发表评论

发表评论

以下作品你可能也喜欢:
拼团商城
推荐

软件版本:Axure 8.1 产品简介:这是一款拼团小程序原型模板,逻辑清晰,交互完整,用户体验友好。 页面数量:57 当前版本:V3.0 主要功能:首页(轮播图、活动快速入口、商品推荐)、搜索 商品分类(三级显示)、商品详情、拼团or单独…

售价:¥ 59.90 销量: 147 12469
0
推荐

产品角色: 业主          用户注册登录、业主认证、手机开门、访客邀请、生活缴费、停车管理、物业报修、投诉建议、物业通知、社区活动参与 家庭成员  邀请注册登录、手机开门、访客邀请、生活缴费、停车管理、物业报修、投诉建议、物业通知、…

售价:¥ 89.00 销量: 15 1611
封面图V03
推荐

本项目每周更新,后续逐步发布直播带货产业全流程产品原型设计(含PRD),深入了解抖音、快手、淘宝直播、Tiktok等直播电商产品流程。 本作品一次购买,永久免费更新升级。逐步更新,逐步提价,早买享优惠。 本产品研究所只生产黑白灰产品原型,去…

售价:¥ 69.90 销量: 41 4217
主图
推荐

作品名称:【纯交互】小米有品APP原型(包含每日上新、限时购、小米众筹、热销榜单、有品市集等所有功能模块) 作品类型:电商APP全功能模板 软件版本:Axure 8.0 页面数量:92个纯交互页面 作品简介:完全按照小米有品APP所有功能/…

售价:¥ 129.00 销量: 31 5216
家政类app原型图
推荐

家政类APP产品原型图,部分页面含有相关解释,交互以及交互效果,具体请自行演示。

售价:¥ 10.00 销量: 52 2750
TEM003
推荐

作品名称:AxureUX IOS移动端元件库及交互原型模板 作品类型:模板类 发布日期:2017-10-25 最新版本:v1.1 主要适用:移动端 软件版本:Axure 8.0 文件大小:4MB 作品编号:TEM003 作品售价:49.00…

售价:¥ 49.00 销量: 111 6143