前言
按照椭圆轨迹移动物体可以为运动增添一种有趣的动态效果。无论是创建引人注目的动画,还是模拟轨道运动,椭圆轨迹都提供了独特的视觉吸引力。通过了解椭圆运动的原理,您可以在原型中实现令人着迷的效果。
基础知识
如果你还不知道如何在Axure里使用循环,请先参考: 《如何在Axure中使用“循环”》?
我们分别需要用到“文本改变时”和“面板状态改变时”来实现这一效果。
元件准备
- 先准备一个圆形元件做为运行轨迹,宽400,高200,x坐标50,y坐标50,边框1虚线。
- 再准备一个圆形元件做为运动圆点,宽20,高20,x坐标440,y坐标140。
方法一教程
方法一就是利用椭圆计算公式,准备一个文本框做为循环器。
循环器的交互为:
虽然可以实现循环轨迹,可是效果有些卡顿,所以推荐下面第二种方法。
方法二教程
准备一个动态面板做为循环器,4个状态内容都为空,宽1,高1足矣。坐标随意,可隐藏。
我们先在动态面板上添加“载入时”交互,做为控制循环的开始:
然后在“面板状态改变时”添加运动轨迹:
注意:要展开“更多选项”,选择“顺时针弧线”。
总结
推荐方法二,不太需要函数知识,并且显示效果更流畅。
如果觉得我的教程做的不错呢,欢迎关注、收藏、转发、捐赠,谢谢。
原文链接:Axure如何制作圆点绕椭圆运动轨迹
转载请注明:最InのAxure » Axure如何制作圆点绕椭圆运动轨迹