Axure RP 8.0中文版原型设计从入门到精通
上QQ阅读APP看书,第一时间看更新

2.2 交互设计

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

在控件交互面板中可以定义控件的交互,交互由事件(Events)、场景(Cases)和动作(Actions)组成。

  • ▷ 用户操作界面时就会触发事件,如鼠标的OnClick、OnMouseEnter和OnMouseOut。
  • ▷ 每个事件可以包含多个场景,场景也就是事件触发后要满足的条件。
  • ▷ 每个场景可执行多个动作,例如,打开链接、显示面板、隐藏面板、移动面板。

(1)目前Axure PR 8支持的事件如下。

  • ▷ OnClick:鼠标单击。
  • ▷ OnMouseEnter:鼠标的指针移动到对象上。
  • ▷ OnMouseOut:鼠标的指针移出对象外。
  • ▷ OnFocus:鼠标的指针进入文字输入状态(获得焦点)。
  • ▷ OnLostFocus:鼠标的指针离开文字输入状态(失去焦点)。
  • ▷ OnPageLoad:页面或模块载入。

大多数对象只具备常见的3种触发事件:OnClick、OnMouseEnter与OnMouseOut,一些特殊的控件可触发的事件有些不同。

  • ▷ 按钮控件只有OnClick。
  • ▷ 单选按钮和复选框则具有OnFocus、OnLostFocus。
  • ▷ 文本框、文本域、下拉列表框、列表框则具有OnKeyUp、OnFocus、OnLostFocus。
  • ▷ 页面加载或模块被载入时则发生OnPageLoad。

(2)动作名称。

  • ▷ 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:显示动作的文字说明。