多语言展示
当前在线:1661今日阅读:176今日分享:34

如何利用Axure RP 8原型设计出按钮控制圆形运动

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

Axure RP 8

2

截图工具

3

浏览器

方法/步骤
1

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

2

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

3

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

4

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

5

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

6

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

注意事项
1

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

2

注意按钮单击事件

推荐信息