Axure RP Pro - 翻译 - 5.5 Tutorial教程 - AXURE 202 Article 1: Rich Functionality复杂功能 - Conditional Logic条件逻辑

Overview

概述

1. Conditional Logic Demo

1. 条件逻辑演示
2. Conditional Logic
2. 条件逻辑
3. Building Conditions

3. 构建条件

1. Conditional Logic Demo

1. 条件逻辑演示

Please turn on speakers for audio
请打开扬声器听声音

To view on Vimeo, please click here .
在Vimeo上观看高清视频，请单击这里 .

2. Conditional Logic

2. 条件逻辑

A well-written Case description can be an effective method for communicating conditional logic or flow and is very easily maintained and updated, but there are times when a more functional / higher fidelity prototype is necessary.
一个撰写良好的用例描述能成为一个有效的方法用于传达条件逻辑或流程，而且易于维护和更新。但是有时候需要更多功能更逼真的原型。

Functional conditional logic can be added to any interaction case in your design. The conditions can be based on values entered in form widgets in the prototype like the check state of checkboxes and the text in text fields. Conditions can also be based on Variable values.
在设计中的任何交互都可以增加带有功能的条件逻辑。条件可以基于原型中表单部件输入的值，像复选框的选中状态和文本字段的文本。条件也可以基于 Variable“变量”的值。

3. Building Conditions

3. 构造条件

To add conditions, first add a case to an event in the Interactions pane. In the Interaction Case Properties dialog, click "Add Condition" under Step 1.
要增加一个条件，首先，在Interactions“交互”面板中为一个事件增加一个用例。在Interaction Case Properties“交互用例属性”对话框中，第一步单击Add Condition“增加条件”。

This will open the Condition Builder dialog. The Condition Builder dialog is used to construct a condition expression such as "If text on widget UsernameField equals 'axure' and text on widget PasswordField equals '12345'". The expression will be evaluated in the prototype to determine if the Actions in the Case are performed.
将打开Condition Builder“条件构建器”对话框。Condition Builder“条件构建器”对话框用于构建一个类似于If text on widget UsernameField equals 'axure' and text on widget PasswordField equals '12345'“如果UsernameField部件的文本等于'axure'而且PasswordField部件上的文本等于'12345'”的条件表达式。在原型中将计算表达式来确定是否执行用例中的动作。

One or more condition rows can be created in the Condition Builder dialog. Clicking the "+" button at the end of a row will add an additional condition row. Clicking the "-" button will remove a condition row.
在Condition Builder“条件构建器”对话框中，可以创建一个或多个条件行。单击行末的“+”按钮将增加一个额外的条件行，单击“-”按钮将移除一个条件行。

If all of the row conditions should be met, the Satisfy droplist should be set to "Satisfy all of the following". Choosing "any" would place an "or" between the comparisons instead of "and".
如果希望满足所有的条件行，在Satisfy“满足”下拉列表中应当设置为Satisfy all of the following“满足下列所有”，选择any“任何”将用一个“或”关系替代比较中的“与”。

There are eight types of values that can be used in a condition:
在一个条件中可以使用八种类型的值：

• Checkstate of a Checkbox or Radio widget (checked or unchecked)
• Checkbox“复选框”或Radio“单选按钮”部件的选中状态（选中或未选中）
• Selected option of a Droplist or Listbox widget
• Droplist“下拉列表框”或Listbox“列表框”部件选中的选项
• Value of a Variable
• 变量的值
• Length of a Variable value
• 变量值的长度

• Text entered in a Text Field or Text Area
• Text Field“文本字段”或Text Area“文本区域”中输入的文本
• Length of a Widget value
• 部件值的长度
• Current State of Dynamic Panel
• 动态面板的当前状态（从Axure RP Pro 5.5版本开始）
• Visibility of Dynamic Panel
• 动态面板的可见性

Click OK to return to the Interaction Case Properties dialog, where you can select the actions to perform if the condition is met.
单击OK将返回到Interaction Case Properties“交互用例属性”对话框，可以选择满足条件时执行的动作。

Notice that the description of the cases in the Interactions pane now includes an "If" statement describing the condition. Also, the icons on the Event will be highlighted in green to indicate that Conditions are used on the Event.
此时在 Interactions“交互”面板中的用例描述中可以注意到现在包含了一个If语句描述条件。而且事件的图标也以绿色高亮指示事件中使用了条件。

Once a Condition is defined on a case in an event, subsequent cases will begin with an "Else If" by default. If no condition is specified on those subsequent cases, the description will be "Else If True".
在一个事件中的一个用例定义了一个条件后，后续的用例默认将以 Else If开头。在那些后续用例中，如果没有指定条件，描述将变成Else If True。

By default, the prototype will only execute the first case where the condition evaluates to True.
默认情况下，原型仅执行第一个条件的计算值为True的用例。

"Else If"'s can be changed to an "If"'s by right-clicking the case in the Interactions pane and selecting Change to IF. Doing so will allow multiple cases to be performed if multiple conditions are met.
在Interaction“交互”面板中右击用例后选择Change to IF“改为IF”可以把Else If修改为If。这将允许在满足多重条件时执行多个用例。