欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

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

程序员文章站 2022-03-02 19:20:55
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怎么制作一个按钮控制圆球运动的原型?

注意事项:

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

注意按钮单击事件

相关标签: Axure 按钮