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、选中“改变”按钮,双击属性“鼠标单击时”,打开用例编辑窗口,如下图所示:

Axure RP 8设怎么用按钮控制圆形的变换?

5、勾选“椭圆形”,设置宽度和高度为原来的一半,动画为弹跳,时间2000毫秒,如下图所示:

Axure RP 8设怎么用按钮控制圆形的变换?

6、设置完毕后,查看页面运行效果,在浏览器中查看效果并点击按钮,如下图所示:

Axure RP 8设怎么用按钮控制圆形的变换?