Axure动态图片墙交互
先看一下整体浏览效果
鼠标移入时图片会变成彩色的,下方会有提示框显示出来,鼠标移出时颜色会慢慢变暗,点击图片会将图片放大至全屏
重难点讲解:
点击放大图片操作:热区 (添加一个动态面板命名为大图,在动态面板里面设置一个热区,交互事件为设置尺寸为大图)
中继器 (添加一个中继器,将图片插入中继器,设置每项加载时图片的值为[[Item.images]],这里比较麻烦,设计了两个动态面板和一个中继器,在操作的动态面板也要设置窗口尺寸改变时,如下图)
具体细节可以下载来看看研究,下载地址:https://pan.baidu.com/s/1fKLHY0J4HnWvt_dgyKleqw
提取码:5556