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

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

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

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

2、将【放大器图标】、【缩小器图标】分别放置于图片放大前与图片放大后的中心点,然后【设置隐藏】,如图

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

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

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

4、设置图片的【鼠标移入时】事件1为:如果变量OnLoadVariable值为0,则显示放大图标,隐藏缩小图标。如图

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

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

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

6、增加设置图片的【鼠标移入时】事件2为:如果变量OnLoadVariable值为1,则显示缩小图标,隐藏放大图标。如图

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

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

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

8、完成设置后,预览结果,实现了图片点击放大或缩小效果。如图

Axure如何制作图片点击放大或缩小效果Axure如何制作图片点击放大或缩小效果
  • Axure 8.0中怎么制作手机上下滑动效果
  • 使用Axure如何实现轮播图效果?
  • Axure RP 制作图片轮播
  • Axure制作文字滚动的动态效果
  • axure实现多个图片同区域左右滑动显示效果
  • 热门搜索
    手抄报设计实用手册 春节手抄报简单又漂亮 科技创新手抄报 六年级数学手抄报 中秋节手抄报内容 防溺水手抄报图片 关于端午节的手抄报 电子手抄报 爱祖国手抄报简单漂亮 语文手抄报图片大全