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

 时间:2024-11-15 14:02:06

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

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

工具/原料

AxureRP8

截图工具

浏览器

方法/步骤

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

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

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

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

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

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

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

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

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

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

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

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

ps如何在形状的顶端或者一侧做出高光? 用Photoshop怎么画八边形 indesign中路径的交叉操作 如何在PS中将别墅的照片添加一缕阳光? PS怎么画虚线圆圈?PS画虚线圆圈的方法
热门搜索
密蜡真假图片 黑珍珠项链图片 jpg图片打不开 深圳大梅沙图片 优质电影网