Axure如何制作图片点击放大或缩小效果

时间:2024-10-11 21:26:41

1、打开Axure,准备素材【图片】、【放大器图标】、【缩小器图标】。其中,放大与缩小的图标在Axure8.0版本中有自带,如图

Axure如何制作图片点击放大或缩小效果

3、设置页面的【页面载入时】事件为:将默认变量OnLoadVariable值设置为0。如图

Axure如何制作图片点击放大或缩小效果

5、设置【放士候眨塄大器图标】的【鼠标单击时】事件为:将图片尺寸设置为当前大小默认尺寸的2倍大小,然后设置变量OnLoadVariable值为1。如图

Axure如何制作图片点击放大或缩小效果

7、设置【放小器图标】的【鼠标单击时】事件为:将图片尺寸设置为当前大小默认尺寸,,然后设置变量OnLoadVariable值为0。如图

Axure如何制作图片点击放大或缩小效果Axure如何制作图片点击放大或缩小效果
© 阿力知识库