[Axure6.5原型设计]4.添加动作

部件交互设置的要素

 

1个用例=N个事件+M个条件+X个添加动作+Y个配置动作

动作（共4类）

1.链接—用于页面跳转

 A. 在当前窗口中打开链接

指点击当前页面的某个触发元件（如按钮）则将其他页面的内容链接到当前的页面显示，且标签名为链接的页面标签名

除了链接到具体的页面，还可以为当前的页面配置以下3种动作

链接到外部URL

刷新当前页面

返回上一页

 

B.      在新窗口/标签中打开链接

共两类配置动作

选择链接到某个页面，则为在同一个浏览器应用中打开一个新标签窗口显示链接内容

选择链接URL则链接到外部网站，且显示外部网站的页面标签名

 

C.       在弹出窗口中打开链接

共两类配置动作

选择链接到某个页面：另启动一个浏览器应用，弹出窗口

选择链接URL则链接到外部网站

拥有以下共同弹出属性设置

 

注意：若为IE浏览器，则弹出窗口的效果仍然为在新窗口中显示，因为IE为多窗口浏览器，没有弹出功能

 D.      在父窗口中打开链接

共两类配置动作：

选择链接到某个页面：寻找当前窗口的相对父窗口，并直接在父窗口中显示链接页面内容

选择链接URL则链接到外部网站

E．关闭当前窗口

只有关闭当前窗口的配置动作

F.在内部框架中打开链接

通过按钮等触发事件来激活内部框架中的链接

 

点击按钮添加的用例如下

 

G.在父框架中打开链接

两层内部框架层叠，最终里层的内部框架消失，内容将显示在最外面的一层框架

生成原型效果显示如下

 

点击按钮后最终效果如下

 

2. 杂项---用于定时事件的激发，类似闹钟

 

 

点击按钮等待3s后弹出新的窗口，窗口内容显示“老楼，你的视频很棒哦”

 

3.动态面板—用于面板/选项卡切换、图片轮播

 

动态面板本身没有点击事件，但状态面板（一个动态面板含多个状态面板）有，故可以点击动态面板下的状态面板来添加点击事件

A.设置面板状态为指定状态（状态面板的切换）、将面板置于底层/顶层（选项卡突出或凹陷）

适用于选项卡类型（每个选项卡都可作为一个动态面板）

点击每个选项卡可以调用主屏（一个动态面板）的各种面板状态（1,2,3…）---由设置面板状态为指定状态的添加动作实现

同时点击到的选项卡则突出显示—由将面板置于设置顶层/顶层的添加动作实现

 

 

 

B.显示面板/隐藏面板/切换面板可见性

用于选项卡（按钮充当的）显示/切换/隐藏操作，每个选项卡均可去调用由图形制作的动态面板

 

 

C.移动面板

常用于图片轮播，先将两个图形制作成图片动态面板，再通过状态面板来实现鼠标移入移出事件

 

 

4.部件和变量

A.设置部件获取焦点/设置变量或部件值

 添加动作设置部件获取焦点：常用于页面载入事件中，焦点定位到文本框中

添加动作设置变量或部件值：常用于获取焦点事件中清除文本框文字，或点击事件中设置文本框默认值为提示信息

方法：需要选择页面‘页面交互’à‘页面载入时’，然后指定某个文本框即可实现

 对于文本框，则选择获取焦点事件，选择添加动作为设置变量/部件值

 

 B.      滚动窗口到图片热区

需要进行两步：一将底部元件制作成动态面板，通过其状态面板创建点击事件用例配置选择图片热区的动作；二将该动态面板固定到浏览器上通过右键编辑动态面板à固定到浏览器上实现

将状态面板添加点击事件

将动态面板固定到浏览器上

 

C．展开/折叠树节点、禁用/启用部件

 

 

生成原型前，还需将收起按钮提前禁用

 

 

D.设置部件为选中状态

常常用于状态（文字、颜色等）的切换

方法：设置矩形的编辑选中样式，选中后的颜色填充

 

 

点击选中按钮添加点击事件，增加添加动作—设置部件为选中状态