快速原型设计工具Axure RP高级功能教程(一):创建逻辑条件
Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格,现已成为设计Web APP的重要工具。
本文主要介绍了逻辑条件的创建方法和步骤。
1. 什么是逻辑条件
良好的条件说明(Case description)可以成为一个有效的流程沟通的方法,且非常易于维护和更新。但如果需要更强大、更高保真度的原型,就需要条件逻辑。
你可以在设计的任意交互中添加条件逻辑,条件可以是基于原型中控件输入的值,如:复选框的选择值、文本框中的文本等;另外,条件也可以是基于变量值。
2. 创建逻辑条件
要添加条件,首先要在交互面板中为某个事件添加一个场景(case)。在Interaction Case Properties对话框中的Step 1中点击“Add Condition?”。
这时会打开一个Condition Builder对话框,该对话框用于创建逻辑条件,如:“If text on widget UsernameField equals 'axure' and text on widget PasswordField equals '12345'”。
在Condition Builder对话框中可以添加多行条件。点击“+”按钮可以增加一行条件,点击“-”按钮可以删除一行条件。
如果要求所有条件都需要满足,则在Satisfy下拉列表框中选择“all ”,即各个条件行之间是“And”关系;如果Satisfy下拉列表框中选择为“any”,则只要满足其中一个条件,即各个条件行之间是“or”关系。
在一个条件语句中,有以下6种类型的值可以使用:
文本框、文本域中的文本
复选框和单选按钮的选择值(选择或未选择)
下拉列表框、列表框中的选择项
控件值的长度
变量值
变量值的长度
在Condition Builder对话框中点击Ok按钮,回到Interaction Case Properties对话框,这时就可以选择当条件满足时要执行的动作了。
注意:这时在控件交互面板中的场景描述(Case1)位置后面包含了一个“If”条件语句描述,OnClick事件前面的图标也被加为高亮的绿色,表示在事件上使用了条件。
在事件的一个场景上定义了一个条件后,为事件的后面其它场景添加的条件语句的前面会默认带有“Else If”。如果后面场景没有添加条件,则会默认为“Else If True”。
默认情况下,当条件语句的值为“True”时,原型中只会执行第一个场景。
“Else If”可以被修改为“If”,只要在交互面板中右键单击场景,选择“Change to IF”菜单。这样一来,只要多个条件都成立,就可以执行多个动作。
想要获得Axure RP更多资源、正版授权的伙伴,请了解
12月,庆圣诞、迎元旦,上“慧都网”小程序签到兑商城通用抵价券>>> 软件商城专属优惠价,领优惠券再享折上折>>>