Axure RP Pro 5教程：（十）交互interactions（下）

于来到交互行为了，交互行为的学习会稍微简单一些，因为基本上都是逐一的选择实现，而展示内容也是我们在浏览网页的时候见过无数次的。不过在讲解这个之 前，我想我们可以回顾一下交互这一小节的所说的三部分：交互触发、交互条件、交互行为。然后我们可以进行一些胡乱的联想。(我喜欢干这些无厘头的事情…. 我觉得对开拓思路有益。)

我一开始觉得这有点像初中学的神经反射，当触发了网页之后，我们经过数据传递与处理，根据条件内容，进行有效地反应。
后来我又想到了信息的处理，交互触发是设置我们要传递的信息内容；交互条件是设置我们对信息的处理方式；交互行为是反馈我们的信息处理结果。
再生活化一点，就想到了一个简单的场景，一个男生强吻了他喜欢的女生，这是我们所说的交互触发；女生衡量了一下，发现这个男生邋遢、猥琐，这是交互条件；女生愤然给了男生一个巴掌，这就是最后的交互行为了。
或者我想，我们也可以把它理解成为一个因果条件关系，因为….满足….所以….。哈哈~也许还有更多的联想，不知道你是怎么理解的，如果有兴趣的话，可以写下来，跟在我的文章后面，肯定很有意思，期待朋友们的参与。

完成联想，那么我们继续来看，在设置好触发内容与判断条件后，我们可以跟用户展示些什么，我想大家肯定都迫不及待了！但是我不得不先泼一点冷水，因为你可能会经受挫折！

我 们可以干什么呢？交互设计师和产品经理想干很多事情，你可以想象，但是很多情况下无可奈何。因为你要干的事情，需要受到技术条件、浏览器、用户端等等条件 的限制。而现在我们要用axure rp表达出来，我们又受到了axure的限制，这就使得我们往往“可想而不可及”。

是不是有点郁闷 呢？这是很多产品经理、交互设计师喜欢问的问题“那个效果怎么做”、“这个效果怎么做”、“这个效果我都做不出来怎么办”。我希望你不是个制作者，你应该 是个设计者！你需要明确一条，axure rp 只是个工具，因此使用或不使用它，或使用它多少的功能，应该由你控制，而不能让它控制了你的思维，让自己成为工具的奴隶。

这就像很多学习绘画而成为制作者的人出现的问题是一样的。过分的追求ps、3d max、ai等工具的掌握，让自己成了工具的奴隶，却忘记了最有价值的是自己的头脑，是闪光的idea。这是我毕业设计时学到的一课，我觉得我终生受益，所以我也希望跟大家有个共鸣。

但 是我这么说，并不是说学习axure能干什么不重要，恰恰相反！扎实而基础的掌握axure所有的功能，才能让你在做表达的时候游刃有余。你才能知道，什 么时候，需要做什么工作；什么情况下，需要做怎样的表述。那么，我们还是扎实的一一学习，我们到底可以用axure 表达什么交互行为吧。

现在我们就继续上一章的内容 说一说
Step2 select action 选择动作
Step3 edit the actions description（click an underlined value to edit）编辑动作描述，你可以通过点击有下划线的文字，编辑动作的具体参数。

可以说，step2是我们选择要进行的动作，而step3是我们要对动作设置参数，通过点击选择，或者输入文字数据，控制动作具体的内容。下面我们一个一个动作来分析说明：

1、
动作：open link in current window在当前窗口中打开链接
参数：点击link弹出link properties链接属性设置对话框
该对话框在Hawking’s Axure RP Pro 5原创教程：（八）交互interactions（上）中的交互行为—快速链接中已有介绍，大家可以参考相应章节。

2、
动作：open link in popup window在弹出窗口中打开链接
参数：
2.1点击link弹出link properties链接属性对话框，主体内容与动作1的参数一致。由于是在新窗口中打开链接，因此该链接属性中，没有重新载入当前页与返回浏览前一页的设置。
2.2点击popup弹出popup editor弹出窗口编辑器，用于设置弹出窗口的属性。

多 项选择中的toolbars工具栏、menubar菜单栏、scrollbars滚动条、directories目录条、location bar地址栏、resizeable窗口大小可拖动改变、status状态栏、center screen位于中心等多选框，用于设置在打开的窗口中这些功能是否可用。选择则表示可以使用，不选择则表示不可使用。

右侧的数值，用于控制所打开窗口的width高度、height宽度以及距离屏幕左上角的left左边距、top上边距，数值按照像素进行度量。

注意，高宽只包括内容区，不包括整个windows。而边距也是以所打开窗口的左上角，与桌面左上角的距离作为参考依据。

3、
动作：open link in parent window 在父窗口中打开链接
参数：点击link弹出link properties链接属性对话框，设置内容和动作2的link属性一致。

4、
动作：close current window关闭当前窗口

5、
动作：open link in frame在特定框架中打开链接，必须当前页面包含frame框架。
参数：点击link in frame进入open link in frame目标框架设置窗口

Step1是select frames选择你要操作的框架，如果页面中有多个框架，你也可以多选。
Step2是edit actions description编辑动作描述，也就是编辑你的框架将做什么样的状态变化，通过点击link弹出link properties链接属性窗口，设置内容和动作2的link属性一致。

6、
动作：set panel state(s) to state(s)设置面板的状态变转换
参数：点击panel state to state面板切换进入set panel state to state面板切换设置窗口

step1:select panels选择面板。通过点击选择你要操作的页面，你想要控制的面板。
Step2 是edit actions description编辑动作描述，也就是编辑你的面板将做什么样的状态变化，这里通过点击状态界面的名称“1”，    弹出select panel state选择面板状态窗口，列表出你多选面板所包含的所有状态名称，你可以选择一个作为想要获取的目标状态。

7、
动作：show panel(s)显示面板，让面板在页面中显示。
参数：通过点击panel进入selects panels面板选择窗口，通过鼠标选择你要显示的面板。

8、
动作：hide panel(s)隐藏面板，让面板在页面中隐藏
参数：通过点击panel进入selects panels面板选择窗口，通过鼠标选择你要隐藏的面板。面板同动作7。

9、
动作：toggle visibility for panel(s)切换面板的可见属性。控制面板的可见属性，在显示与隐藏之间转换。是动作7与8的结合。
参数：通过点击panel进入selects panels面板选择窗口，通过鼠标选择你要控制的面板。面板同动作7。

10、
动作：move panel(s)移动面板。将你想控制的面板，移动到某一坐标位置。
参数：通过点击panel to (x,y)进入move dynamic panels移动动态面板控制窗口。

step1是select panels选择面板。通过点击选择你要操作的页面，你想要移动的面板。
step2是edit actions description编辑动作描述，也就是编辑你的框架将做什么样的状态变化，通过点击to (0,0)进入move widget editor工具移动属性设置窗口。

其中move widget 后的下拉选择项目有to和by两个选项。
选择to，是将工具的位置移动到（x,y）坐标，原坐标以窗口左上角作为起始坐标；
选择by，是在工具的所处的坐标基础上，做（x,y）的累计移动，即以widget工具当前所处的坐标作为起始坐标进行移动。

11、
动作：set variable and widgets value(s) equal to value(s)设置变量或者工具的值的变化值
参数：通过点击variable and widget value equal to value进入set variable and widget values设置变量和工具值窗口

此窗口的值设置与Hawking’s Axure RP Pro 5原创教程：（九）交互interactions（中）中条件设置窗口的值基本一致，大家可以参考文章九的表格。唯一不同的是，中间条件不可选择，只能是equal to，也就是只能设置为等值。

而此文档中有一个不同的选项情况是：
text on widget工具上的文字，通过下拉选择你所要控制的widgets上的文字变化。不过这似乎是我上篇文章漏记了的，如果是漏了的话，那就补回来吧。

12、
动作：open link in parent frame在父框架中打开链接
参数：点击link进入link properties链接属性设置窗口，属性设置内容和动作2的链接属性一致。

13、
动作：Scroll to image map region滚动到图片的位置
参数：点击image map region进入select image map region目标图片区域设置窗口

首先，你必须确保你所控制的页面中已经包含了widget“image map region”这就类似于html页面中的map area。同时你必须保证给它取了一个名字，并在label中进行了设置。

这样，你就可以在scroll page to location of image map（滚动页面到当前图片区域）后的下拉选择框中选择到你需要滚动到的图片位置了。
而options菜单中的三个选项，是控制你滚动的具体方式:
scroll vertically only仅仅进行垂直滚动
scroll horizontally only 仅仅进行水平滚动
scroll vertically and horizontally同时进行水平与垂直滚动

14、
动作：enable widget(s)使工具可用。此功能就是使得目标工具的功能可用。
参数：点击widget进入select widgets窗口。窗口显示了所有当前页包含功能的widgets。

15、
动作：disable widget(s)使工具不可用。此功能是是的目标工具的功能不可用。
参数：点击widget进入select widgets窗口，功能操作同动作14。

16、
动作：Wait time(ms)设置等待时间。
参数：点击0ms进入wait time 等待时间设置窗口。你可以在这里设置等待时间enter time in millisecond，单位为毫秒。

17、
动作：other其他。通过文字表述其他你想实现的操作。
参数：点击other 进入other description其他描述设置窗口。你可以在enter a description后面输入你想表述的交互内容。

好了，交互部分终于写完了，不知道对朋友们是否有帮助。如果有什么意见和感想请尽管留言吧，我很期待与大家的交流。

最后再多说几句，对axure rp感兴趣的朋友们可以去台湾悠识数位的网站看看，他们的简体中文网站http://cn.userxper.com 刚刚上线了，相信里面收纳的众多文章可以帮到大家更快的掌握软件。

同时，台湾的同仁组织了axure rp交流论坛，如果你也有一样的兴趣，不妨去看看，相信大家会有更多共同语言http://groups.google.com.tw/group/axure-rp-groups?hl=zh-TW