产品经理实用手册:Axure RP原型设计实践(Web+App)
上QQ阅读APP看书,第一时间看更新

5.1.2 选择页面事件的触发条件

在“交互编辑器”对话框单击“添加条件”按钮,进入该用例的“情形编辑”对话框,如定义该用例在全局变量OnLoadVariable等于0,椭圆形元件上文字的值等于“4”时触发,“情形编辑”对话框如图5-2所示。

图5-1 “交互编辑器”对话框

图5-2 “情形编辑”对话框

图5-2共分为8个区域,内容如下。

表示多个条件之间的逻辑关系,包括“全部”和“任何”两个选项,分别对应and(和)和or(或)两种关系。“全部”表示条件全部要满足才触发用例,“任何”表示条件中只要满足任意一个就触发用例,左侧可以修改用例名称。

进行判断逻辑关系的值,包括15个选项,内容如下。

1)值:根据常量值进行逻辑判断。

2)变量值:根据某个变量的值进行逻辑判断。

3)变量值长度:根据某个变量值的长度进行逻辑判断。

4)元件文字:某个元件文本的值,如根据输入的用户名做特殊处理。

5)焦点文字长度:当前焦点所在元件文本的值,一般用于进行当前输入值的提示。

6)元件文字长度:某个元件文本值的长度,这个比较常用,例如,注册页面验证用户名、密码和邮箱等的字符个数是否符合长度要求。

7)被选项:对下拉列表或列表选择项的值进行逻辑判断。

8)禁用状态:对元件的启用或者禁用状态进行逻辑判断,值为true或false。

9)选中状态:根据某个元件是否被选中进行逻辑判断,值为true或false。

10)面板状态:根据某个动态面板元件的状态进行逻辑判断。

11)元件可见:根据某个元件为可见或不可见状态进行逻辑判断,值为true或false。

12)按下的键:根据当前按键的值进行响应,如对按〈Enter〉键做出响应。

13)指针:根据指针进入、离开某个元件,接触、未接触某个元件进行逻辑判断。

14)元件范围:根据某个元件所在的区域进行逻辑判断。

15)自适应视图:从下拉列表中选择需要设置动作的自适应视图。

选择变量名称或元件名称,根据第二个区域的选项产生联动,如选择的是“变量值”或“变量值长度”时,该部分显示变量下拉列表。当选择的是“元件名称”“元件文字长度”等选项时,下拉列表提供元件名称供大家选择。

选择逻辑判断的运算符,包括“==”(等于)、“!=”(不等于)、“<”(小于)、“>”(大于)、“<=”(小于等于)、“>=”(大于等于)、“包含”“不包含”“是”和“不是”选项。其中,“包含”和“不包含”常用于判断一个字符型值包含和不包含某个字符,如用户输入的网址中是否包含“http://”符号,邮箱地址是否包含“@”等。

选择被比较的值,将第二个区域中的值与该值比较,包括10 个选项:值、变量值、变量值长度、元件文字、焦点元件文字、元件文字长度、被选项、禁用状态、选中状态和面板状态。

设置具体值、变量名称或元件名称,会与第5 个区域的选项产生联动,如选择的是“值”或“变量值”时,该部分显示变量下拉列表。当选择的是“元件文字”“元件文字长度”等选项时,下拉列表提供元件名称供选择。当“被比较的值”选择的是“值”时,单击该区域的“fx”可设置变量和函数值。

触发条件的编辑区域,可进行新增或删除条件操作。

逻辑描述,该部分不允许编辑,系统会自动根据在第1和第7个区域配置的条件来生成。