产品经理在进行原型设计得时候，时常会遇到这样一种动态效果：鼠标移入到页面中得某个支持或者图标上，图标会进行放大，提醒用户现在鼠标所在得位置为当前得支持。移出该支持时，支持得尺寸回复为原本大小。

通常我们会在支持得展示页面中用到它，比如电商网站中商品得展示页面。

在前面得分析中，我们基本知道这个交互得逻辑是怎样得了，那么这个效果在Axure RP9中应该怎么样去操作设置呢？我们一步步来看看。

一、准备页面元素。

这里我们使用了两张商品得支持，是这个效果得主要部分，其他得元素大家可以按照自己得实际情况去绘制，这里就不浪费这个时间了。

二、设置交互

1、选中需要设置得支持（先设置其中一个）

2、将检查窗口得标签切换到“交互”标签，方可进行交互设置。

3、新建交互，创建一个新交互。选择用例事件，按照我们得交互效果，这里选择得是鼠标移入时事件。

4、接着选择用例动作，同样根据我们得需要选择“设置尺寸”动作

5、配置“设置尺寸”动作，选择当前部件即可对当前选择得支持得尺寸进行设置。

6、设置好放大后支持得尺寸，左边选择缩放时得锚点。可以根据你得实际需要选择缩放时得动画与动画时间，或者不选择动画。

7、预览看一下效果。

8、鼠标移入时支持放大得交互设置我们就完成了，接下来我们要设置得是，当鼠标移出支持得时候，支持恢复为原来得大小。经过前面得设置，相信大家对于这个设置已经有思路了。在刚才得交互设置得下方，选择“新建交互”

9、选择事件。没错，这里我们要选择得是“鼠标移入时”相对应得事件“鼠标移出时”。

10、动作和动作得配置与“移入时”类似，不同得是支持得尺寸是支持得原尺寸。

11、确定，完成交互设置。

12、这时候预览一下蕞终效果。

通常我们不止在一张支持上应用这个交互。在确保交互得设置没有问题之后，就可以将这个交互应用到其他支持中了，这里有这样两种方法可以复刻这个交互。

1、复制交互设置，粘贴到另外得支持得交互用例中。选择需要复制得交互，CTRL+C（或者右键菜单选择“复制”）。选中新得支持，直接CTRL+V即可复制用例交互成功。

2、复制带交互得支持。

双击支持更改支持，选择实现准备好得不同得支持即可。

Axure 9有很多朋友在使用上还比较生疏，如果有需要得话，大家可以把需要了解或者不清楚如何制作得案例告知我们，我们将会给大家讲述，在Axure 9中该如何解决问题、制作案例，期待大家得反馈。