编者按:如何使用AXURE制作拖动照片的互动墙效果？本文作者通过实际操作为我们总结和分享了自己的实践。

通过本教程，可以简单实现照片墙拖放的交互效果，使用鼠标拖动照片，支持大图预览。适合Axure新手朋友。

首先，预览效果

第二，准备组件

中继器：存放向图片素材图片元件：加载图片动态面板：拖拽效果使用

三、实施步骤

1.第一步

添加中继器并设置中继器数量项目的字段名称。导入一列一图，字段名不能重复，如图:

导入中继器图片后，为图片赋值。选择图片组件，添加动作“设置图片”，默认值为。

点击fx进入功能选择。这里必须选择对应中继器的字段名，并确保保存元素交互(只需多复制几张这样的图片，修改对应中继器字段即可)。

将设置好的交互图片元素变成动态面板，进行面板拖放交互设置，如下图所示:

2.步骤2

设置鼠标点击弹出效果。同样，我们需要输入需要设置交互的图片元素，添加鼠标点击事件进行设置。显示效果，这里选择的是灯箱效果，也就是背景模糊效果，不过也可以尝试其他的。

继续设置图像弹出的值来放大图像，类似于上面的图像分配方法，只是选择的图像对象不同。

最后，f5预览一下。还不懂的同学可以直接下载RP。