Axure实现圆点沿椭圆轨迹移动

2024-10-14 20:17:16

1、拖拽一个文本框,文本框变化时,设置文本递增,这样就得到了一组变化的数值,可以作为移动圆点的横坐标m。

Axure实现圆点沿椭圆轨迹移动

3、如何让圆形按椭圆的轨迹移动,就要利用到荏桊泪特椭圆公式,其中a,b分别为长短轴长,中心点为(h,k),主轴平行于x轴。通过椭圆形元件的长、宽、横纵坐标、y以及圆形元件的长(宽)、横坐标计算除y以外的所有参数,根据该公式计算y,然后再换算成圆形的纵坐标。

Axure实现圆点沿椭圆轨迹移动

5、现在的问题还剩下如何让椭圆“拐回头”。这个其实是公式当中的 ± 影响的。我们可以引入一个全局变量 flag 来实现±。当圆形元件移动时,通过判断中心点在椭圆的宽度范围内时,移动圆形的横坐标就递增,不然就递减。

Axure实现圆点沿椭圆轨迹移动
猜你喜欢