AXURE-小组件-004-radar

作者: duomi88 | 来源:发表于2019-03-28 22:00 被阅读0次

hi,大家好,我是18岁fantasy,本期小组件为一个类似于雷达的组件,效果如下:

显示效果

实现方式

1.图层分析主要有一个扇形和一个圆形组成,这里面扇形的制作后面介绍,具体如下:

图层 图层顺序

2.扇形制作。主要使用axure的不同图形的叠加处理-去除功能,如下所示:

去除

具体制作流程如下:

扇形制作流程

3.添加事件。为扇形添加载入时触发事件(旋转),并且通过判断数值是否达到100来工作扇形的转动和隐藏。

旋转事件 停止事件

注意旋转的锚点为右下角而不是中心点。


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

原件下载

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

提取码:zyvc

~~~

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

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

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

相关文章

  • AXURE-小组件-004-radar

    hi,大家好,我是18岁fantasy,本期小组件为一个类似于雷达的组件,效果如下: 实现方式 1.图层分析。主要...

  • AXURE-组件-003-SYNC

    hi,大家好,我是18岁fantasy,本期小组件为一个地图或图片对比组件,主要场景用于对两张不同时间但相同地点拍...

  • AXURE-组件-002-WATERLINE

    hi,大家好,我是18岁fantasy,本期小组件为一个水位线(用量)显示组件,效果如下: 实现方式 1.图层顺序...

  • AXURE-组件-001-TAB

    本期小组件为一个常用的选项卡(页签)切换组件,效果如下: 实现方式 1.首先添加相关组件,主要内容区为动态面板。具...

  • 【原创】AXURE-组件-007-show

    hi,大家好,我是18岁fantasy,本期小组件为一个类似于车展展台效果,主要场景用于大屏可视化中的部分展示组件...

  • 【原创】AXURE-组件-006-refresh

    hi,大家好,我是18岁fantasy,本期小组件为一个模拟手机端的下拉刷新组件,主要用到axure事件的IF和E...

  • 【原创教程】AXURE-组件-005-SCAN

    hi,大家好,我是18岁fantasy,本期小组件为一个类似微信二维码的扫描组件,效果如下: 实现方式 1.图层分...

  • Axure 我的原型作品

    Axure-学习案例合集http://pan.baidu.com/s/1dE7wwz3pmcaff产品原型web端...

  • 【连载100篇】AXURE-组件-010-沙漏

    hi,大家好,我是18岁fantasy,axure组件和实例100篇连载。本期小组件为一个沙漏实例,主要用到axu...

  • 【连载100篇】AXURE-组件-008-keyboard

    hi,大家好,我是18岁fantasy,axure组件和实例100篇连载。本期小组件为一个模拟键盘输入的实例,主要...

网友评论

    本文标题:AXURE-小组件-004-radar

    本文链接:https://www.haomeiwen.com/subject/uiqhbqtx.html