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

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。这将允许在满足多重条件时执行多个用例。

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

http://www.axure.com/p202_1.aspx

[Axure RP Pro - 官方网站]

http://www.axure.com/

[Axure RP Pro - 关键词]

axure

[Axure RP Pro - 相关论坛]

http://axure.com/cs/forums/

[Axure RP Pro - Download下载]

当
前版本AXure RP Pro 5.1.0.1699, http://axure.cachefly.net/AxureRP-Pro-Setup.exe
当
前版本AXure RP Pro 5.1.0.1699, http://www.axure.com/files/AxureRP-Pro-Setup.exe
Microsoft
.Net Framework 2.0, http://www.microsoft.com/downloads/details.aspx?FamilyID=0856EACB-4362-4B0D-8EDD-AAB15C5E04F5
翻译, Manual
Installation手工安装包, http://www.axure.com/Files/AxureRPFiles.zip


Microsoft
Office
Compatibility Pack兼容包 Service Pack 1 (SP1), http://www.microsoft.com/downloads/details.aspx?FamilyID=9a1822c5-49c6-47bd-8bec-0d68693ca564


Axure RP
Pro 5.0.0.1515, http://www.axure.com/files/5-0-0-1515/AxureRP-Pro-Setup.exe

[Axure RP Pro - Beta测试版]

下载Axure RP Pro
5.5 Beta, http://www.axure.com/downloadbeta.aspx

Introduction
to Version 5.5 Features: Part 1, http://axure.com/cs/blogs/axure/archive/2008/11/19/Introduction-to-Version-5.5-Features_3A00_-Part-1.aspx
Introduction
to Version 5.5 Features: Part 2, http://axure.com/cs/blogs/axure/archive/2008/11/13/Introduction-to-Version-5.5-Features_3A00_-Part-2.aspx
Introduction
to Version 5.5 Features: Part 3, http://axure.com/cs/blogs/axure/archive/2008/11/13/Introduction-to-Version-5.5-Features_3A00_-Part-3.aspx

[Axure RP Pro - Tutorial教程 - 翻译]

AXURE 101: Introduction介绍 - Article 1:
Introduction to Axure RP - Axure RP介绍, http://www.axure.com/p101_1.aspx
AXURE 101: Introduction介绍 - Article 2:
Annotated Wireframes, http://www.axure.com/p101_2.aspx
AXURE 101: Introduction介绍 - Article 3:
Basic Interactions基本交互, http://www.axure.com/p101_3.aspx
AXURE
101: Introduction介绍 - Article 4: Masters主控文档, http://www.axure.com/p101_4.aspx
AXURE 101: Introduction介绍 - Article 5:
HTML Prototypes - HTML原型, http://www.axure.com/p101_5.aspx
AXURE 101: Introduction介绍 - Article 6:
Functional mq s功能规格, http://www.axure.com/p101_6.aspx

AXURE 102: Flow Diagrams流程图 - Article
1: Flow Shapes & Connectors流程图形和连接符号, http://www.axure.com/p102_1.aspx

AXURE 102: Flow Diagrams流程图 - Article
2: Generating Flow Diagrams生成流程图, http://www.axure.com/p102_2.aspx


AXURE 201: Rich Interactions复杂交互 -
Article 1: Dynamic Panels动态面板, http://www.axure.com/p201_1.aspx
AXURE
201: Rich Interactions复杂交互 - Article 2: OnMouseEnter, OnMouseOut, and
Rollover Effects - OnMouseEnter, OnMouseOut和翻转效果, http://www.axure.com/p201_2.aspx


AXURE 201: Rich Interactions复杂交互 -
Article 3: Menus菜单, http://www.axure.com/p201_3.aspx
5.5 AXURE 202: Rich
Functionality复杂功能 - Article 1: Conditional Logic条件逻辑, http://www.axure.com/p202_1.aspx
AXURE 202: Rich Functionality复杂功能 -
Article 2: OnChange Event - OnChange事件, http://www.axure.com/p202_2.aspx



AXURE 202: Rich
Functionality复杂功能 - Article 3: OnKeyUp Event - OnKeyUp事件, http://www.axure.com/p202_3.aspx
AXURE
202: Rich Functionality复杂功能 - Article 4: OnFocus and OnLostFocus Events
- OnFocus和OnLostFocus事件, http://www.axure.com/p202_4.aspx
AXURE 202: Rich
Functionality复杂功能 - Article 5: Variables - 变量, http://www.axure.com/p202_5.aspx
AXURE 202: Rich Functionality复杂功能 -
Article 6: OnPageLoad Event - OnPageLoad事件, http://www.axure.com/p202_6.aspx
AXURE
301: Maximizing Reuse of Masters最大化重用主控 - Article 1: Affecting Widgets
in Masters在主控中影响部件, http://www.axure.com/p301_1.aspx
AXURE 301: Maximizing Reuse of
Masters最大化重用主控 - Article 2: Raised Events发起事件, http://www.axure.com/p301_2.aspx
AXURE 401: Collaboration协作 - Article
1: Shared Projects共享工程, http://www.axure.com/p401_1.aspx

[Axure RP Pro - Introduction介绍]

RP的含义

面板的组织方式

[Axure RP Pro - Action动作]

Parent Window父窗口

[Axure RP Pro - Event事件]

窗口间互操作

[Axure
RP Pro - Master主控文档]

拖放控件

Expand.Collapse伸缩控件

将主控文档添加到多个页面

[Axure RP Pro - Specification规格文档]

规格文档中显示部件的属性

规
格文档中屏幕截图的脚标

[Axure RP Pro - Wireframe线框]

选择后面的部件

rollover
style翻转样式的常见误解

[Axure RP Pro - Widget部件]

水平线不能调整高度，垂直线不能调整宽度

[Axure RP Pro - jQuery]

如何在Axure RP Pro生成的HTML原型文档中集成jQuery, How to integrate jQuery into HTML
prototype document generated by Axure RP Pro

如何获取IFrame的URL，How to retrieve the URL of IFrame widget

如何在
Axure RP Pro生成的HTML原型文档中使用自定义脚本, How to integrate customized
javascript into HTML prototype document generated by Axure RP Pro

“移
到最前”效果，"Bring to Front" Interaction

如何实现淡入淡出效果，How to implement
fade in and fade out effects

如何设置焦点，How to implement the "set
focus" action

[Axure RP Pro - 相关问题]

Manual Installation

原型中切换页面时会闪一下

如何实现页内多个锚的效果

关闭Internet Explorer打开原型时出现的安全警告

菜单部件不支持选中样式

让规格文档中的页面图片和标题保持在同一页，fit section header and page image on one page

跨原型链接页面

显示视频

OnMouseOver事件和Rollover翻转效果浏览器不兼容

导入时保持变量有效

变量值与部件内容并不都能相互传递

导出在PDF

显示Google地图

在规格文档中描述Inline Frame部件的Default Target规格

渐变填充

使用正则表达式的较验函数在Firefox下出错

Style Editor样式编辑器以及已知的一些缺陷

Text Panel部件在设计时的效果与原型不一致

在不同工程之间使用masters主控文档

判断动态面板的状态

原型中Droplist“下拉列表”部件在IE6中总显示在最前面

设置首页面

自定义样式不能应用于翻转样式

线框中的字号与原型中的字号的关系

修改自定义样式对已应用该样式部件的逻辑

与IFrame部件中的页面互操作

在OnPageLoad事件中使用多个case用例

Open Link in Current Window，Close
Current Window，Open Link in Parent Frame将忽略其余动作

使用Google Code服务分享工程的限制及原因

Button按钮部件不支持设置文字以及解决方法

修改生成的prototype原型的css样式表

在文本框中显示提示信息

OnPageLoad事件中的动作不会触发部件的事件

Droplist下拉列表框部件在规格文档中不包括默认值

dynamic panel动态面板上的image图片部件设置了rollover翻转图片后在OnClick事件中不能正确隐藏所在面板

文本不支持Rollover翻转效果以及迂回解决办法

设定多套初始化变量

表格的单元格不能使用动作设置文字

Text Panel文本部件不支持超链接及迂回处理办法

设置页面尺寸

在规格文档中显示部件工具提示

master主控文档的behavior行为是custom
widget自定义部件时丢失raised event可触发事件

模拟加法运算

设置打开原型的默认浏览器

Listbox列表框部件不支持修改选项

数字键盘

checkbox
复选框部件的OnClick事件中复选框的状态已发生了改变

监视变量

限制输入数字

Wireframe
线框绘制尺寸的范围及处理方案

不支持最大化显示Popup窗口