Axure制作鼠标拖拽控件移动

Axure(http://www.axurechina.cc/)是一款拥有强大交互功能的原型设计软件，不需要编码，就可以实现各种各样的交互样式 。而如果要制作Axure鼠标拖拽控件移动也不是难事，今天就做一个实例，实现如果用图片元件，让图片随着鼠标移动和图片随鼠标移动放大的效果。
一：图片随着鼠标移动
1.在Axure中文网下载正版软件 ，运行使用，然后将一个图片元件拖入空白页面，关于所有的控件的添加都是直接拖拽线框图面板中，就可以添加一个控件。

2.图片随鼠标移动属于页面效果，只需点击页面的空白处，在属性里面选择更多事件交互：选择页面鼠标移动时，选择“移动”，移动原件就是我们刚刚拖入的图片，位置设为“绝对位置”：

3.这里函数的设置非常关键，点击下方的xfx，把0去掉，点击插入变量函数，在插入变量函数中选择鼠标指针--cursor.x，选择以后点击确定即可：

4.接着点击下方的yfx，插入变量函数--鼠标指针--cursor.y，点击确定：

5.动画那里也可以设置，我先不做设置，这样便实现了交互，在这里，我们可以点击预览一下：

Axure如何实现弹窗效果？http://www.axurechina.cc/1028.html。的教程也是利用图片元件做出的交互效果，感兴趣可以一并点击学习。
二:图片随鼠标移动放大
拖入图片元件之后，选择交互方式：鼠标移入时，设置图片在鼠标移入时的尺寸、锚点及动画、时间（注意锚点的选择，这个将影响图片放大的方式）本例为宽高设置为原图的2倍

设置成功之后，点击预览效果，当鼠标移入之后，图片将以放大两倍的效果呈现:（鼠标每移入移除，将会在原基础上放大两倍。）

鼠标移入之前

鼠标移入之后
以上就是关于实现Axure鼠标拖拽控件移动的两个效果，图片随鼠标移动和图片随鼠标移动放大的效果，如果想要学习更多教程可以关注我们Axure中文网，如果对我们软件感兴趣，可以点击购买。

本篇文章分享来源于：http://www.axurechina.cc/help/skill/1212.html