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

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


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

具体制作流程如下:

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


注意旋转的锚点为右下角而不是中心点。
以上便是本次小组件的全部内容,喜欢就下载并关注我吧。
原件下载
链接:https://pan.baidu.com/s/1YN8Wp3WTdtp89V8iSkFbwA
提取码:zyvc
~~~
18岁提示:以上文件完成于axure 8版本。
点击关注"18岁fantasy",定期会将组件整理成完整文件统一发布。
原创内容,转载请注明出处。
网友评论