Axure RP 8怎么制作一个按钮控制圆球运动的原型?

Axure RP 8原型设计工具的元件库中有椭圆形,可以利用该元件设计出滚动的效果。而触发这个运动通过按钮单击事件实现,规定椭圆形的起始坐标,单击按钮后,将椭圆形移动到另一个新的坐标,具体实现如下:

Axure RP 8怎么制作一个按钮控制圆球运动的原型?

1、打开Axure RP 8软件,在元件库中找到“椭圆形”,拖动到主页中,如下图所示:

Axure RP 8怎么制作一个按钮控制圆球运动的原型?

2、再次拖动一个按钮到主页面中,并修改按钮内容为“移动圆形”,如下图所示:

Axure RP 8怎么制作一个按钮控制圆球运动的原型?

3、选中按钮,在右侧属性中单击“鼠标单击时”,打开用例编辑窗口,如下图所示:

Axure RP 8怎么制作一个按钮控制圆球运动的原型?

4、添加椭圆形组织动作:在相对位置,移动坐标为(400,325),动画线性,时间是2000毫秒,如下图所示:

Axure RP 8怎么制作一个按钮控制圆球运动的原型?

5、用例中的组织动作设置完毕,单击“确定”按钮,这时会发现按钮右侧多了一个“1”,如下图所示:

Axure RP 8怎么制作一个按钮控制圆球运动的原型?

6、在椭圆形中添加一个小圆圈,并预览该原型页面,单击“移动圆形”按钮,这时椭圆形会移到规定的坐标,如下图所示:

Axure RP 8怎么制作一个按钮控制圆球运动的原型?

注意事项:

注意添加用例时选择椭圆形

注意按钮单击事件