AXURE-005-组件-SCAN

我是封面

hi,大家好,我是18岁fantasy,本期小组件为一个类似微信二维码的扫描组件,效果如下:

显示效果

实现方式

1.图层分析主要有一个动态面板、外面框(制作过程请看下文)、扫描线条(置于动态面板内)和一个背景组成,具体如下:

图层
图层顺序

2.外边框制作。主要用到边框可见性设置,如下所示:

可见性设置

制作好一个角之后,其他的角用旋转角度即可获得。

3.添加事件。添加页面载入时触发事件,触发扫描条上下移动(扫描线条初始位置正好低于动态面板高度,正好隐藏,移动时要加上扫描线条高度)。

事件

以上便是本次小组件的全部内容,喜欢就下载并关注我吧。

原件下载

链接:https://pan.baidu.com/s/1T7khxhRUVR5UlGz5bdNAPQ

提取码:mbv1

~~~

18岁fantasy提示:以上文件完成于axure 8版本。

点击关注"18岁fantasy",定期会将组件整理成完整文件统一发布。

原创内容,转载请注明出处。



同名微信公众号,18岁fantasy 感谢关注!
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容