Question

Axure怎么制作拖拽照片交互墙效果？

Answer 1

使用鼠标进行拖拽图片，并且支持图片大图预览。这样的一个原型，在Axure原型软件里面怎么制作呢？可能很多新手小伙伴比较感兴趣，因此下面将详细的以图文教程形式教一教大家怎么操作！对于准备自学或者正在自学Axure的小伙伴，那么我建议你学习体验的Axure自学视频课，0基础到案例实操，全面学习~

Axure制作拖拽照片交互墙效果教程：

一、效果预览

二、准备元件

中继器：存放向图片素材

图片元件：加载图片

动态面板：拖拽效果使用

三、实现步骤步骤一

添加一个中继器，设置中继器数量项的字段名称。一列一张图片导入，字段名称不能重复了，如图：

中继器图片导入完成后，开始给图片赋值。选中图片元件，添加动作“设置图片”，Default默认为值。

点击fx进入函数选择。这边必须要选择对应中继器的字段名称，确定保存元件交互即可（像这样多复制几个图片修改对应的中继器字段即可）。

把设置好交互的图片元件转为动态面板，进行面板拖拽交互设置，设置如下图：

步骤二

设置鼠标点击弹窗效果。同样的，我们需要进入需要设置交互的图片元件中，添加鼠标点击事件进行设置。显示效果，这边选择了灯箱效果，就是背景虚化效果，但然你们也可以试试其他几个试试。

继续设置图片弹窗放大图片的值，跟上面图片赋值方式差不多，只是选择的图片对象不一样。

以上就是关于“Axure怎么制作拖拽照片交互墙效果？”的全部精彩内容分享了，希望你能从中有所收获哦！如果觉得一篇文章不够尽兴，那么Axure相关文章可别错过！总而言之，学习道路，单一知识是很难成就自我全面发展的！想要全面精通擅长一个技能，那么学习也得全面！来，全面学习Axure，综合获取知识点，快速有效促成独立自主原型设计~