联动效果在网页的表单设计当中会经常遇到,很多表单上的一些自动填充功能就是,例如下拉菜单的一级菜单选择某个值之后要后面的二级,三级菜单的值跟着变化就是一种联动效果,这种最常应用在地域选择上,比如一级菜单选择了上海,二级菜单将上海的各个区县带出来。还有诸如列表框的选值变化,单选框、复选框的聚焦状态,根据分类进行表单轮换等效果,页面应用设计当中都会经常遇到,本文介绍几种常见的联动效果在AxureRP当中的实现方式。
页面跳转效果
功能描述:通过添加一个下拉菜单组件,其中有page1,page2,page3三个选项,分别设定每个选项的链接,并且规定在输出的页面中点选这三项中的任意一项,都链接到对应的页面中,并在跳转后的页面上能返回到主页面。
要实现上述功能,首先在主页面先添加一个下拉菜单组件(当然如果没有规定用下拉菜单组件,用列表框组件,水平菜单组件,垂直菜单组件,树菜单组件都是可以的,效果类似),设置下拉选项为page1,page2,page3,再添加三个子页面,每个页面设定不同的显示内容,并在每个页面上添加一个流程图里的矩形组件,更改默认颜色并设置其链接页面至主页面(Home),这样会比较简单,也可以用超链接或者图片映射组件来实现。
初始化完毕之后,设置下拉菜单的OnChange事件,使其选择page1时能跳转到页面page1,其他选项类似。设置的时候在交互事件属性窗口上,第一步要设置条件,点“添加条件”设置当下拉菜单值等于page1时,触动第二步的时间,即在当前窗口打开page1