Axure RP 交互设计

控件的交互

控件交互面板用于定义线框图中控件的行为,包含定义简单的链接和复杂的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为事件添加场景的方式与控件事件相同
 
原文地址:https://www.cnblogs.com/fc731655131/p/7904535.html