求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
要资料
 
追随技术信仰

随时听讲座
每天看新闻
 
 
目录
Axure RP安装与激活
1.Windows上安装
2.macOS上安装-Axure教程
3.激活Axure RP 10-Axure教程
4.Axure汉化流程-Axure教程
5.Chrome插件安装-Axure教程
入门
6.Axure RP入门-Axure教程
7.Axure RP操作界面-Axure教程
8.预览和共享原型-Axure教程
9.功能快捷键-Axure教程
10.自动保存备份文件-Axure教程
元件的使用
11.元件的基础操作-Axure教程
12.元件组合-Axure教程
13.元件样式-Axure教程
14.元件库-Axure教程
15.网格,辅助线和边界对齐-Axure教程
基础元件
16.形状元件-Axure教程
17.图像元件-Axure教程
18.热区元件-Axure教程
19.线条元件-Axure教程
20.动态面板元件-Axure教程
21.内嵌框架-Axure教程
22.文本框与多行文本框-Axure教程
23.下拉列表-Axure教程
24.列表框-Axure教程
25.复选框-Axure教程
26.单选按钮-Axure教程
27.树元件-Axure教程
28.表格元件-Axure教程
29.经典菜单元件-Axure教程
30.快照元件-Axure教程
页面的使用
31.管理页面-Axure教程
32.页面样式-Axure教程
母版
33.创建和使用母版-Axure教程
34.母版视图-Axure教程
35.引发事件-Axure教程
交互介绍
36.事件、用例和动作-Axure教程
37.事件清单-Axure教程
38.动作清单-Axure教程
39.文本链接-Axure教程
40.交互样式-Axure教程
41.动画-Axure教程
高级交互
42.变量-Axure教程
43.条件逻辑-Axure教程
44.数学、函数和表达式-Axure教程
45.选项组-Axure教程
46.移动动作边界-Axure教程
中继器
47.中继器元件-Axure教程
48.向中继器动态添加行-Axure教程
49.动态删除中继器行-Axure教程
50.更新中继器行-Axure教程
51.标记中继器行-Axure教程
52.中继器行排序-Axure教程
53.过滤中继器行-Axure教程
54.中继器分页-Axure教程
自适应视图
55.自适应视图-Axure教程
记录您的原型
56.页面和元件注释-Axure教程
57.Word说明书-Axure教程
58.打印-Axure教程
流程图
59.流程图-Axure教程
60.流程连接器-Axure教程
发布你的原型
61.原型播放器-Axure教程
62.自定义HTML输出-Axure教程
63.Web 字体和字体映射-Axure教程
项目团队
64.创建和共享团队项目-Axure教程
65.使用团队项目-Axure教程
66.管理和查看团队项目历史-Axure教程
67.对团队项目进行故障排除-Axure教程
68.将团队项目升级到 RP 10-Axure教程
 
 
目录
条件逻辑-Axure教程
来源:Axure工坊       编辑: Alice (火龙果软件)
939 次浏览
7次  

条件逻辑是一个规则判定,您可以使用它来指定您构建的交互何时应该在 Web 浏览器中发生。例如,您可以规定,只有当用户填写了表单中的所有必填字段时,单击按钮才会将用户推进到原型中的下一页。

将条件视为与其交互具有if/then关系:如果满足条件,则将执行交互。

您可以创建仅影响单个交互的简单条件,或由一系列复杂分支逻辑条件构成的交互。

添加条件

要将条件逻辑添加到交互中,请将鼠标悬停在事件名称上并单击条件。或者,在构建交互时选择动作列表顶部的添加条件。

常见情况

在为某些元件(例如文本框、按钮和其他形状元件)的交互添加条件逻辑时,您可以选择从条件生成器对话框中可用的常见条件中进行选择。

例如,如果您有一个针对文本框元件的带有点击 → 设置错误状态交互的提交按钮,您可以添加一个条件(或启用案例)并选择预填充的常见条件选项之一,例如If a文本字段为空。

新建条件

要创建自定义条件逻辑语句,请单击“条件生成器”对话框中的“新建条件” 。然后,您可以使用每一行中的字段配置一条或多条条件语句。

了解条件

条件语句以某种方式比较两个值以产生真或假结果:

第一个值 — 对比方式 — 第二个值

例如,您可以使用以下条件验证文本框是否已输入特定值:

元件文字 — 文本框 — 等于 — 文本 — 输入的值

当目标文本框的输入文本等于最右侧字段中提供的值时,此条件语句的计算结果为真。

满足“所有”或“任何”条件语句

当您为一个用例设置多个条件语句时,您可以决定是在所有语句的计算结果为true还是只有任何一个语句的计算结果为true时执行用例。

具有多个条件情况的事件(IF 和 ELSE)

当一个事件下有多个 case 时,您可以使用条件逻辑来确定哪些将在 Web 浏览器中执行。您可以通过构建IF / ELSE链来实现。

IF / ELSE链由条件相互依赖的条件用例组成。链中的每个条件只有在前一个条件“失败”时才会被评估。一旦条件评估为true,原型将停止评估链中的剩下条件。

例如,登录表单的提交按钮的点击事件可能有两个条件,它们根据用户是否提供了有效的登录凭据而执行不同的操作。

如果单击按钮时电子邮件和密码字段都包含正确的值,则第一个条件将评估为true并执行其用例,进入首页。第二个条件则不会被评估。

但是,如果单击按钮时两个字段中的一个值输入不正确,则第一个条件将评估为false,并且不会执行其 case。然后原型将转到第二个用例并评估其条件。因为第二个case没有条件(默认true),所以直接执行,并显示错误信息。

在IF / ELSE链的末尾放置一个 ELSE IF TRUE 用例(一个没有条件的用例)是创建一个“默认”用例的常用方法,当链中的所有在它之上的其他条件时都判断失败时,它就会执行。但是,不要在它之后放置任何其他ELSE用例——它们的条件将永远不会被评估,因为ELSE IF true用例自动评估为true。

上面的示例相当简单,但您可以根据需要向链中添加任意数量的ELSE用例。例如,上面的单击事件可能包括另一个ELSE用例:当您登录到管理员帐户时会打开管理员工作界面。

创建多个 IF / ELSE 链

默认情况下,事件下的第一个条件是IF语句,随后的所有语句都是IF / ELSE链中的ELSE语句。您可以通过将ELSE语句更改为IF语句来创建额外的IF / ELSE链。为此,请右键单击用例名称并选择转换为IF或ELSE。

IF语句的条件始终在 Web 浏览器中进行评估,并且每个IF语句都启动自己的IF / ELSE链。当您想要相互独立地评估多个条件时,请创建多个链。

例如,注册表单的提交按钮在其单击事件下可能有两个IF / ELSE链,一个确定用户是否勾选“自动续费”,第二个确定用户是否已填写所有必填项。

如果在单击提交按钮时选中 Newsletter 复选框,则第一个用例的条件将评估为true,并且 NewsletterVar 变量的值将设置为“true”。

无论第一个用例的结果如何,都会评估第二个用例的条件。如果用户填写了两个文本字段,条件将评估为true,并且用户将被定向到首页。不会评估第三个用例的条件,因为它是第二个用例的IF / ELSE链中的ELSE语句。

但是,如果一个或两个文本字段为空,则第二个用例的条件将失败,原型将继续执行第三个用例,并显示一条错误消息。

 


您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码: 验证码,看不清楚?请点击刷新验证码 必填



939 次浏览
7次