Axure怎么制作图片局部放大的效果?
百度经验 发布时间：2018-12-06 14:29:16 作者：goodbyte01 
我要评论
我要评论Axure怎么制作图片局部放大的效果？Axure中想要制作图片局部放大的效果，该怎么制作呢？下面我们就来看看Axure局部放大效果的制作方法，需要的朋友可以参考下
Axure中想要实现一个效果，就是当鼠标移动到图片上时，展示放大的图片细节，该怎么制作局部放大效果呢？下面我们就来看看详细的教程。
新建一图片，导入喜欢的图，命名为pic，尺寸为400*250；（图片尺寸可自定义，展示受限百度限制）
新建一”矩形“，命名为board，尺寸为200*125；并设定填充颜色为#00FF00，不透明：20%；设置为“隐藏”；置于”图片：pic”上方；如下图所示：
选择“矩形：board”，“图片：pic”，组合，命名为area
另新建一“动态面板”，命名为display，尺寸为400*250；插入一张新图，命名为bigpic，尺寸为800*500；设置“动态面板：display“为”隐藏“；
布局如下图所示：
以下分别设置”组合：area“的”鼠标移动时“和”鼠标移出时“的交互的动作~
先是简单的”鼠标移出时“的交互动作：
隐藏”动态面板：display“；
隐藏”矩形：board“；
”鼠标移动时“的交互动作：
动作1:
显示”动态面板：display“；
显示”矩形：board“；
动作2：
移动”矩形：board“；
设置移动的界限；
其中，移动设置为“到达”；
设置X值为[[Cursor.x-Target.width/2]]，Y值为[[Cursor.y-Target.height/2]]；如下图所示：
相关文章
Axure图片显示不完整或扭曲该怎么解决？Axure中插入的图片发现只显示上半部分，其他的不显示，该怎么解决呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-12-02
Axure8背景图片怎么自定义设置？Axure8中默认的背景不喜欢，想要更换一张漂亮的图片，该怎么更换呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-09-21
Axure8怎么将所有页面导出为图片？Axure8中设计的页面想要全部导出为图片，该怎么导出呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-09-17
Axure8原型怎么导出为index图片？Axure8中制作的网页模型想要导出为index图片，方便没有axure的朋友查看，该怎么操作呢？下面我们就来看看详细的教程，需要的朋友可以参考2018-09-10
Axure图片交互样式有哪些？Axure中图片交互样式种类挺多的，今天我们就来一一介绍关于图片交互样式的简单知识，需要的朋友可以参考下2018-06-19
Axure RP 8怎么设置点击事件改变图片？Axure RP 8中想要实现鼠标在不同状态显示不同的图片，该怎么实现呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-01-23
Axure RP 8怎么使用按钮控制图片的显示或隐藏？Axure中想要制作单击按钮触发图片显示出来的效果，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-01-15
Axure怎么给图片增加点击事件？Axure中想要给图片添加鼠标单击事件，如果鼠标单击图片返回主页，该怎么实现这个效果呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-11-01
Axure怎么使用动态面板制作banner图片轮播？Axure中想要做一个网站banner图片轮播，该怎么制作这个效果呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-06-30
axure怎么制作图片自动播放的效果？axure中想要制作一个图片自动播放的效果，该怎么设计呢？下面我们就来看看详细的教程，很简单，需要的朋友可以参考下2017-05-05
最新评论