彩票走势图

快速原型设计工具Axure RP高级功能教程(一):创建逻辑条件

翻译|使用教程|编辑:陈津勇|2019-12-18 10:22:54.770|阅读 401 次

概述:在设计的交互中添加条件逻辑可设计出更强大、高保真度的原型。本文主要介绍了逻辑条件的创建方法和步骤。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格,现已成为设计Web APP的重要工具。

免费下载Axure RP  优惠购买Axure RP

本文主要介绍了逻辑条件的创建方法和步骤。


1. 什么是逻辑条件

良好的条件说明(Case description)可以成为一个有效的流程沟通的方法,且非常易于维护和更新。但如果需要更强大、更高保真度的原型,就需要条件逻辑。

你可以在设计的任意交互中添加条件逻辑,条件可以是基于原型中控件输入的值,如:复选框的选择值、文本框中的文本等;另外,条件也可以是基于变量值。

2. 创建逻辑条件

要添加条件,首先要在交互面板中为某个事件添加一个场景(case)。在Interaction Case Properties对话框中的Step 1中点击“Add Condition„”。

QQ截图20191218100948.png

这时会打开一个Condition Builder对话框,该对话框用于创建逻辑条件,如:“If text on widget UsernameField equals 'axure' and text on widget PasswordField equals '12345'”。

QQ截图20191218101039.png

在Condition Builder对话框中可以添加多行条件。点击“+”按钮可以增加一行条件,点击“-”按钮可以删除一行条件。

如果要求所有条件都需要满足,则在Satisfy下拉列表框中选择“all ”,即各个条件行之间是“And”关系;如果Satisfy下拉列表框中选择为“any”,则只要满足其中一个条件,即各个条件行之间是“or”关系。

在一个条件语句中,有以下6种类型的值可以使用:

  • 文本框、文本域中的文本

  • 复选框和单选按钮的选择值(选择或未选择)

  • 下拉列表框、列表框中的选择项

  • 控件值的长度

  • 变量值

  • 变量值的长度

在Condition Builder对话框中点击Ok按钮,回到Interaction Case Properties对话框,这时就可以选择当条件满足时要执行的动作了。

注意:这时在控件交互面板中的场景描述(Case1)位置后面包含了一个“If”条件语句描述,OnClick事件前面的图标也被加为高亮的绿色,表示在事件上使用了条件。

QQ截图20191218101353.png

在事件的一个场景上定义了一个条件后,为事件的后面其它场景添加的条件语句的前面会默认带有“Else If”。如果后面场景没有添加条件,则会默认为“Else If True”。

1.png

默认情况下,当条件语句的值为“True”时,原型中只会执行第一个场景。

“Else If”可以被修改为“If”,只要在交互面板中右键单击场景,选择“Change to IF”菜单。这样一来,只要多个条件都成立,就可以执行多个动作。

QQ截图20191218101753.png



想要获得Axure RP更多资源、正版授权的伙伴,请了解

12月,庆圣诞、迎元旦,上“慧都网”小程序签到兑商城通用抵价券>>>   软件商城专属优惠价,领优惠券再享折上折>>>


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP