养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何利用Axure RP 8设计软件控制圆形弹跳效果

时间:2024-10-06 16:24:13

元件显示的效果可以是从左进入、从右进入、蒉翟蛳庹从上进入和从下进入,还有弹跳效果,逐渐消失,逐渐显示出来,设置显示或隐藏时间。下面利用一个实例说明按钮单击事件控制元件弹跳效果,操作如下:

如何利用Axure RP 8设计软件控制圆形弹跳效果

工具/原料

AxureRP8

截图工具

浏览器

方法/步骤

1、第一步,双击打开AxureRP8设计软件,查看新建页面显示,如下图所示:

如何利用Axure RP 8设计软件控制圆形弹跳效果

2、第二步,拖动一个圆形到画布上,调整圆形大小和位置,如下图所示:

如何利用Axure RP 8设计软件控制圆形弹跳效果

3、第三步,再次拖到一个按钮到画布上,放在圆形下方,修改按钮内容为“变化”,如下图所示:

如何利用Axure RP 8设计软件控制圆形弹跳效果

4、第四步,选择按钮然后双击“鼠标单击时”,弹出用例编辑窗口,如下图所示:

如何利用Axure RP 8设计软件控制圆形弹跳效果

5、第五步,勾选椭圆形,设置宽度高度,动画和时间,如下图所示:

如何利用Axure RP 8设计软件控制圆形弹跳效果

6、第六步,设置完毕后,发现按钮多出了一个数字“1”,预览该页面,查看页面效果,如下图所示:

如何利用Axure RP 8设计软件控制圆形弹跳效果

© 一点知识