控件的交互

控件交互面板用于定义线框图中控件的行为，包含定义简单的链接和复杂的RIA 行为，所定义的交互都可以在将来生成的原型中进行操作执行。

在控件交互面板中可以定义控件的交互，交互事件（Events） 、场景（ Cases）和动作（Actions）组成：

用户操作界面时就会触发事件，如鼠标的 OnClick、OnMouseEnter 和 OnMouseOut；

每个事件可以包含多个场景，场景也就是事件触发后要满足的条件；

每个场景可执行多个动作，例如：打开链接、显示面板、隐藏面板、移动面板。

定义链接

下列步骤说明如何在按钮控件上定义一个链接：

1.首先，拖拉一个按钮控件到线框图中，并选择这个按钮；

2.然后，控件交互面板中鼠标双击“OnClick”这个事件，这时会出现“Interaction Case Properties”对话窗，在这个对话框中可以选择要执行的动作；

3.在“Step 2”中，勾选“Open Link in Current Window”动作。

4.在“Step 3”中，点击“Link”，在弹出的Link Properties 对话框中可以选择要链接 的页面或其它网页地址 。

除了上面的步骤，加入一个链接的最快的方法是单击控件交互面板顶部的“QuickLink” ，在弹出的 Link Properties 对话框中选择要链接的页面。

设置动作

除了简单的链接之外，Axure还提供了许多丰富的动作，这些动作可以在任何触发事件的场景中执行。以下是 Axure所支持的动作：

Open Link in Current Window：在当前窗口打开一个页面

Open Link in Popup Window：在弹出的窗口中打开一个页面

Open Link in Parent Window：在原窗口中打开一个页面

Close Current Window：关闭当前窗口

Open Link in Frame：在框架中打开一个页面

Set Panel state(s) to State(s)：为动态面板设定要显示的状态

Show Panel(s)：显示动态面板

Hide Panel(s)：隐藏动态面板

Toggle Visibility for Panel(s)：切换动态面板的显示状态（显示/隐藏）

Move Panel(s)：根据绝对坐标或相对坐标来移动动态面板

Set Variable and Widget value(s) equal to Value(s)：设定变量值或控件值

Open Link in Parent Frame：在父页面的嵌框架中打开一个页面

Scroll to Image Map Region：滚动页面到

Image Map 所在位置

Enable Widget(s)：把对象状态变成可用状态

Disable Widget(s)：把对象状态变成不可用状态

Wait Time(s)：等待多少毫秒(ms)后再进行这个动作

Other：显示动作的文字说明

多个场景

一个触发事件可以包含有多个场景，根据条件执行流程或互动。

事件

Axure支持一个页面层级的触发事件：OnPageLoad，这个事件在原型载入页面时触发。

页面 OnPageLoad事件在页面备注面板中的Interactions 子面板中定义， OnPageLoad为事件添加场景的方式与控件事件相同

本文由职坐标整理发布，更多相关内容，请关注职坐标常用软件Axure频道！