编辑指南:在本文中，作者分享了一套Axure常用的交互模板。笔者逐一分析了原型预告、所需原创、操作步骤，并介绍了过程中需要注意的问题，希望对你有所启发。

当我指导粉丝设计原型时，我发现我的大多数同学都没有系统地研究过axure的交互动作。他们在设计交互时经常花很多时间在网上搜索，互联网上没有关于axure所有完整交互的模板。

所以我把axure中所有基本的交互动作组织成一个模板，记录下整个过程做一个视频教程。新生通过学习这个模板，可以快速掌握axure中的交互，夯实基础；老同学画原型的时候，如果忘了某个交互，也可以作为快速查表，快速查询。

因为大家都是产品经理，平台暂时无法上传视频，所以把视频放在原型模板里，大家点击每个互动动作就可以看到制作过程。

原型预览和视频教程:https://z6yy9o.axshare.com

下面以文字的形式，快速介绍一下Axure中所有的交互动作和应用范围，分为五个部分:链接、组件、全局变量、中继器等。从第一次打开链接到最后一次触发事件，可以选择需要的学习。

01链接

1.1打开链接

1.1.1当前窗口

这种交互是axure中最简单也是最常用的交互，适合跳页

链接到当前项目的某个页面——选择该原型里面的某个页面，触发时打开链接到url或文件——输入url地址，包括网络地址（https://www.baidu.com）和本地地址（D:教程.html），注意：本地地址在预览时是不可用的，需要生成本地html才能生效，触发时打开url地址页面，这种一般适用于打开外部的地图、统计图表等内容。重新加载当前页面——刷新页面，适用于数据刷新或者再来一次的原型案例。返回上一页——常用交互，一般子页面返回主页面时使用。

1.1.2新窗口/新选项卡

这种交互和以前的交互的区别是，在新的标签页上会打开一个页面，这样原页面就保留了，客户可以切换标签查看不同的内容。一般适合跳出广告和链接。

链接到当前项目的某个页面——选择该原型里面的某个页面，触发时在新标签中打开链接到url或文件——输入url地址，包括网络地址（https://www.baidu.com）和本地地址（D:教程.html），注意：本地地址在预览时是不可用的，需要生成本地html才能生效，触发时在新标签中打开url地址页面，这种一般适用于打开外部的地图、统计图表等内容。

1.1.3弹出窗口

这种交互和以前的交互的区别在于，这种交互会以弹出的形式打开一个页面，我们可以同时看到两个页面的内容，以及弹出窗口的基本属性(大小、工具栏、东部条等)。)可以设置。一般类别是机构、员工等页面元素的选择，不适用下拉列表，也适用于广告和链接的跳转。

链接到当前项目的某个页面——选择该原型里面的某个页面，触发时在弹出窗口中打开链接到url或文件——输入url地址，包括网络地址（https://www.baidu.com）和本地地址（D:教程.html），注意：本地地址在预览时是不可用的，需要生成本地html才能生效，触发时在弹出窗口打开url地址页面，这种一般适用于打开外部的地图、统计图表等内容。

1.1.4父窗口

父窗口对应弹出窗口，即可以在弹出窗口中设置原窗口的页面。这种交互通常与关闭页面一起使用。例如，如果您在弹出窗口中单击广告，您可以将原始页面设置为首先跳转到产品页面，然后关闭弹出窗口。

链接到当前项目的某个页面——选择该原型里面的某个页面，触发时在父级窗口中打开链接到url或文件——输入url地址，包括网络地址（https://www.baidu.com）和本地地址（D:教程.html），注意：本地地址在预览时是不可用的，需要生成本地html才能生效，触发时在父级窗口打开url地址页面，这种一般适用于打开外部的地图、统计图表等内容。

1.2关闭窗口

这是用来关闭当前窗口的，但是axure中有一个bug，只有在axure软件中预览当前页面才能关闭。如果从其他页面跳转，则无法关闭。而且这种交互很少在原型中使用，因为浏览器通常是直接关闭的。

1.3打开框架中的链接

1.3.1嵌入式框架

这也是每个项目必不可少的事件。一般一个项目的原型会设置一个菜单页面，然后在内嵌框架中点击菜单栏打开一个页面。

链接到当前项目的某个页面——选择该原型里面的某个页面，触发时在内联框架中打开链接到url或文件——输入url地址，包括网络地址（https://www.baidu.com）和本地地址（D:教程.html），注意：本地地址在预览时是不可用的，需要生成本地html才能生效，触发时在内联框架打开url地址页面，这种一般适用于打开外部的地图、统计图表等内容。

1.3.2父框架

父框架对应内嵌框架，具体来说，A框架包含B框架，框架中的页面可以用同一个交互控件A框架打开。这种交互在实践中很少使用，作者也没有使用过。

链接到当前项目的某个页面——选择该原型里面的某个页面，触发时在父级框架中打开链接到url或文件——输入url地址，包括网络地址（https://www.baidu.com）和本地地址（D:教程.html），注意：本地地址在预览时是不可用的，需要生成本地html才能生效，触发时在父级框架打开url地址页面，这种一般适用于打开外部的地图、统计图表等内容。

1.4滚动到组件:

这种交互使得页面可以滚动到指定的元素，这在长页面中是常见的，比如内容共享平台、功能介绍、用户分析、可视化视图等等。

1.5设置自适应视图

如果设置了多个视图分辨率，此事件可以选择视图。这个事件基本没必要，因为需求阶段比较急，没什么时间用几个决议来谈看法。也可以通过浏览器缩放来控制。

02元素

2.1显示隐藏

2.1.1显示

显示这个交互动作是很常见的，主要用于弹出窗口选择，提示等等。显示动作可以添加动画，也可以选择显示效果。

灯箱效果，显示后，如果鼠标单击其他内容，隐藏显示内容，适用于提醒内容。弹出效果，显示后，如果鼠标离开该区域，隐藏显示内容，常用语顶部菜单或下拉列表推动元件，显示后，推动右侧或下方的元件，适用于根据不同选项显示不同内容的页面

2.1.2隐藏

隐藏对应显示，主要用于弹出窗口选择提示后取消显示。隐藏动作也可以增加动画。也可以拉元素，显示时对应推送元素，拉元素就是复位。

2.1.3切换可视性

切换可见性是显示和隐藏的结合。如果一个组件被隐藏，它可以被显示。如果显示，可以隐藏。常用于菜单、卡片、下拉列表等。

2.2设置面板状态

动态面板就像一本书，一次只能看一页。设置面板状态将打开书的哪一页。同时，还可以设置是否进入动画和退出动画，是否推拉组件。有很多应用，比如照片旋转，相册，标签内容等等。

跳转至指点页面——可以设置该动作跳转至那个页面，在页面不多的情况下可以这样设置。向后翻页——触发时向后翻一页向前翻页——触发时向前翻一页循环播放——设置自动翻页的时间，以及是否重复轮播。停止循环——暂停循环播放跳转至状态名称或序号——可以使用函数，让动态面板跳转至指定值，在页面多的情况下使用该交互可以减少很多工作量。

2.3设置文本

设置文本最常见的方式是设置text =输入框的内容，或者设置显示文本的样式；此外，还使用了一些功能，如时间、日期、角度等。

设置文字为输入值——这个交互常用于保存某个值=输入的值设置文字为富文本——改变文字的大写、字体、颜色等样式。设置文字为标准时间——这是会用于系统的顶部或者底部设置文字为日期——获取系统日期，常用于维护后记录维护日期设置文字为时间——获取系统时间，常用于维护后记录维护时间设置保留小数点位数——计算后常用交互，例如计算百分比等。设置文本为随机数字——随机设置一位0-1之间的树，这个是基础函数。设置文本为6位随机数字——根据上面的随机函数，设置6位随机数字，常用于短信验证码设置文本为随机字符——和上面的区别是这个包括英文大小写。更多其他函数——其他函数一般比较少使用，后面有时间的话，作者也会做一期全函数的教程

2.4设置图片

设置图片为中继器值——常用于中继器每项加载时的事件，设置图标为中继器中保存的图片设置图片为外网图片——适用于输入url直接显示图片。

2.5选择设置

这种交互通常用于标签、菜单和广播组

选中——选中时可以显示选中时的样式取消选中——取消已选中的内容切换选中状态——可以多次切换选中和未选中状态，常见于多选，或者是否已读条款等。设置单选组——单选组内选中一个元件，其他元件自动取消选中

2.6设置要选择的列表

这种交互很少使用。第一，系统下拉列表不好用，没有搜索功能。一般比较好用的下拉列表都是用中继器做的；其次，下拉单选列表默认可以选择，演示时点击会显示这个选项。一般不需要使用这个事件控制列表来选择。只有在一种情况下，当下拉列表位于中继器中并且每个默认选定项目都不同时，您可以使用此事件来设置选定项目。

2.7启用/禁用

通常，在维护期间不允许修改某些信息，或者在没有权限时禁用组件。

禁用——禁用使用元件，禁用样式也可以自定义设置。启用——解除禁用事件

2.8运动

一般用于游戏，或者滑动验证等于。

移动——移动指定元件到固定位置，可以设置移动的动画，绝对位置和相对位置。绝对位置指元件的移动到那个坐标；相对位置指移动多少距离。拖动——拖动元件跟着鼠标移动，可以增添移动的边界。

2.9旋转

一般用在游戏中，比如前段时间很流行的口红机，或者通过纠正图片来检查登录。

旋转的方向——顺时针或者逆时针旋转的角度——按需填写，如果需一直旋转可以填写大一点的角度，如36000000就是10万圈锚点——至旋转的中心点，一般选择中心。如果是摆锤类的就选择顶部锚点偏移——例如偏移中心点的距离动画——设置选择的动画和时间。

2.10设置尺寸

这种交互的使用还需要锚点和动画的选择，一般用于放大查看商品、图片等。

设置固定尺寸——设置元件的尺寸为固定的值放大——放大元件，一般搭配函数使用，例如放大目标10%的高度，函数应为[[target.height*1.1]]缩小——缩小元件，同样是搭配函数使用，例如缩小目标10%的高度，函数应为[[target.height*0.9]]

2.11顶层/底层

这两个交互很少用到，因为一般显示事件可以直接设置顶层显示的位置。当多个动态面板固定在顶层时，可能需要这种交互。

顶层——将元件设置到顶层底层——将元件设置到底层

2.12设置不透明度

这种交互很少使用，因为不透明度可以在设置组件颜色时设置。此事件通常用于动态设置不透明度，如修图软件。

2.13聚焦

这种交互一般适用于判断错误后将焦点返回输入框，方便客户使用。比如输入手机号，点击提交按钮判断手机号格式错误，焦点会回到手机号输入框。

获取焦点可以选择符号的文本是否被选中。

2.14展开折叠树的节点

这种交互是针对axure中的树元素的，但是很少使用。因为树元素点击时可以展开或者折叠，不需要被这个事件触发，其次axure的自动树不是很好用，也没有添加、删除、修改、检查的功能，所以不使用自己的树元素。

03全局变量

全局变量一般用于高保真，可以简单理解为页面之间传输的数据值。比如用张三的账号登录成功后，所有页面都需要显示张三的信息，然后需要使用全局变量来传递这个参数。

04中继器

Repeater和excel一样，可以存储列表信息(文本、图片、页面)，实现动态添加、删除、修改、搜索。因此，复读机是高保真原型中最重要的事件

4.1分类

数字排序——可以按中继器表格中的某一列数字进行升降序切换排序文本排序——可以按中继器表格中的某一列文本进行升降序切换排序日期排序——可以按中继器表格中的某一列日期进行升降序切换排序

4.2移除排序

您可以删除重复列表中的单个排序或所有排序

4.3筛选

分类筛选——可以根据用户选择进行分类筛选，最常见的是商品分类精确搜索——可以输入文字，快速查询中继器列表种对应的数据行模糊搜索——可以输入文字，快速查询中继器列表中包含输入文字的数据行

4.4拆除过滤器

您可以删除中继器列表中的单个过滤器或所有过滤器

4.5设置显示页面

如果中继器列表中的数据太多，通常会通过分页显示。这种交互意味着可以设置中继器来显示该页面的内容。它可以设置为显示下一页、上一页、最后一页、第一页或特定页。

4.6设置每页显示的数量

显示的初始数量可以在中继器样式的页面中设置，如果在演示过程中需要增加每页的显示数量，则可以使用交互式设置。

4.7添加行

您可以在中继器列表中添加新线路。

4.8标记和取消标记

标记——简单的理解为选中中继器的某一行或者多行，后续可以更新已标记行的内容或者删除行取消标记——简单的理解为取消选中的某一行

4.9更新行

更新该行——更新当前行的列表内容批量更新——可以先标记需要更新的行，也可以写入更新行的条件，然后批量更新。

4.10删除行

删除该行——删除当前行的列表内容批量删除——可以先标记需要删除的行，也可以写入删除行的条件，然后批量删除。

05其他

5.1等待

这个时间一般用于需要延迟的交互动作，比如加载，等几秒钟再进入对应页面；另一个例子是提示自动隐藏，可以设置为几秒钟后自动隐藏提示。等待这个事件可以将另外两个事件彼此分开。

5.2其他

其他交互可以在弹出窗口显示的文本中设置，但暂时没有发现特殊效果，因为只能输入文本，不能使用任何功能，弹出窗口也没有交互，所以作者很少使用这种交互。

5.3触发器

这也是高保真中非常常见的交互，可以触发其他交互事件，尤其是一个按钮中有多个交互，而另一个新按钮是同一个交互，那么我们就直接使用触发器，不需要重新重写交互。

以上是Axure中所有基本交互动作的介绍。建议以后需要的时候可以收藏起来快速查询。另外，如果你有什么问题，请和我沟通。谢谢你。