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