最新消息:

Axure如何制作圆点绕椭圆运动轨迹

Axure中级教程 Jorkin 725浏览

前言

按照椭圆轨迹移动物体可以为运动增添一种有趣的动态效果。无论是创建引人注目的动画,还是模拟轨道运动,椭圆轨迹都提供了独特的视觉吸引力。通过了解椭圆运动的原理,您可以在原型中实现令人着迷的效果。

基础知识

如果你还不知道如何在Axure里使用循环,请先参考: 《如何在Axure中使用“循环”》?

我们分别需要用到“文本改变时”和“面板状态改变时”来实现这一效果。

元件准备

  • 先准备一个圆形元件做为运行轨迹,宽400,高200,x坐标50,y坐标50,边框1虚线。
  • 再准备一个圆形元件做为运动圆点,宽20,高20,x坐标440,y坐标140。

方法一教程

方法一就是利用椭圆计算公式,准备一个文本框做为循环器。

循环器的交互为:

虽然可以实现循环轨迹,可是效果有些卡顿,所以推荐下面第二种方法。

方法二教程

准备一个动态面板做为循环器,4个状态内容都为空,宽1,高1足矣。坐标随意,可隐藏。

我们先在动态面板上添加“载入时”交互,做为控制循环的开始:

然后在“面板状态改变时”添加运动轨迹:

注意:要展开“更多选项”,选择“顺时针弧线”。

总结

推荐方法二,不太需要函数知识,并且显示效果更流畅。

如果觉得我的教程做的不错呢,欢迎关注、收藏、转发、捐赠,谢谢。

原文链接:Axure如何制作圆点绕椭圆运动轨迹

转载请注明:最InのAxure » Axure如何制作圆点绕椭圆运动轨迹