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

如何利用Axure RP 8设计出事件控制圆形半径减半

时间:2024-11-02 01:23:07

AxureRP8设计软件中的基本侍厚治越元件有椭圆形和主要按钮,可以利用按钮鼠标单击事件控制椭圆形的尺寸改变、颜色背景改变、方向移动等。下面利用一个实例说明按钮事件控制圆形半径减半的操作,具体如下:

如何利用Axure RP 8设计出事件控制圆形半径减半

工具/原料

AxureRP8

截图工具

浏览器

方法/步骤

1、第一步,双击打开AxureRP8设计软件,查看元件库中的所有元件,如下图所示:

如何利用Axure RP 8设计出事件控制圆形半径减半

2、第二步,在“基本元件”中找到“椭圆形”,拖曳一个到画布上,如下图所示:

如何利用Axure RP 8设计出事件控制圆形半径减半

3、第三步,再次在基本元件中找到“主要按钮”,拖曳一个到画布上,调整按钮宽度使其和椭圆形直径一篌郁湛轫致,如下图所示:

如何利用Axure RP 8设计出事件控制圆形半径减半

4、第四步,选中“改变”按钮,双击属性“鼠标单击时”,打开用例编辑窗口,如下图所示:

如何利用Axure RP 8设计出事件控制圆形半径减半

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

如何利用Axure RP 8设计出事件控制圆形半径减半

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

如何利用Axure RP 8设计出事件控制圆形半径减半

© 一点知识