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

扫码

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

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

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

2、扫描线是上下移动。

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

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

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

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

1 条评论 发表评论

发表评论

以下作品你可能也喜欢:
QQ图片20190701161502
推荐

作品名称:集在线商城、本地团购、外卖预定、上门服务等功能于一体的多门店管理O2O系统 作品类型:O2O商家后台原型 软件版本:Axure 8.0 页面数量:76个交互页面  

售价:¥ 129.00 销量: 15 4904
custom – 7@2x
推荐

本次小幅更新带来了同主题的手机版,已经做好了手机版适配,通过第一页扫码可以查看实际的显示效果~ 如果有问题的话欢迎加群讨论,加群方式在首页面中哦~ 另外,电话号码不要随便拨,说不好就是真的了~ 以上! 最后惯例放上预览图~ ————————…

售价:¥ 19.90 销量: 48 3080
未命名
推荐

在线教育APP(点击可查看)配套在线教育商城后台的原型。 作品基础功能:内容上传、商品创建、题库创建、广告发布、学员查询、消息管理、师资管理等。 软件版本:Axure8.0 作品类型:在线教育后台 作品页面:50 作品大小:7M 部分页面截…

售价:¥ 39.99 销量: 35 5817
1
推荐

关键词:WMS,库存管理,仓储管理,电商仓储,业务流程图:入库流程,出库流程,调拨流程,报损流程等;入库业务:到货,入库,质检。采购入库,产成品入库,直接入库;出库业务:销售出库,采购退货,直接出库;调拨业务:调拨单申请,调拨审核,调拨出库…

售价:¥ 49.90 销量: 31 5661
TEM009
推荐

作品名称:AxureUX内容资讯平台交互原型模板 作品类型:模板类 发布日期:2018-05-25 最新版本:v1.0 主要适用:Web端 软件版本:Axure 8.0 文件大小:2.5MB 作品编号:TEM009 作品售价:¥29.00 …

售价:¥ 29.00 销量: 48 3266
封面
推荐

首先我整理了我对此文档需求的结构如下: 本次采用的是一个项目中多平台多版本的控制模式,方便管理同一项目中的不同类型任务需求,主要包含了两部分:产品简介+产品文档,接下来,我将根据每一部分做具体的用法介绍。 产品简介使用介绍 1. 产品简介 …

售价:¥ 39.00 销量: 417 21888