Axure连载Axure原型设计axure

【连载100篇】AXURE-组件-013-统计图系列-柱状图1

2019-04-10  本文已影响3人  duomi88
封面

hi,大家好,我是18岁fantasy,axure组件和实例100篇连载。本期小组件为柱状图动态效果,主要用到axure的移动效果等知识点。

文章结尾提供本期组件的原件下载地址,随时可下载。

显示效果

效果1 效果2

实现方式

1.图层分析。主要包含柱子(看下文制作过程),钢笔划线等,具体如下:

图层

2.柱形制作。

核心是钢笔工具和透明的使用。

柱形制作

事件设置

主要原理为:

1,初始化现将柱子和趋势线条隐藏,然后动过线性向上和向右滑动显示达到效果。

具体如下:

事件设置

~以上便是本次小组件的全部内容~

原件下载

链接:https://pan.baidu.com/s/148g0vnvAwB8sJAMb3sQdMw

提取码:ffx5

~~~

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

定期会将组件整理成完整文件统一发布。

原创文章,转载请标明出处。

上一篇下一篇

猜你喜欢

热点阅读