Axure RP 8 交互原型设计案例教程第12章

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

图 12-12 被选项条件设置
Axure RP 8 交互原型设计案例教程(微课版)
第12章
插入条件
12.2 条件的高级应用
12.2.2 条件设置选项
图12-12 说明:当下拉列表框中的选项是“北京市”时,满足设定的条件。 选中状态:将元件的选中状态作为设定条件的对象。例如,当选择指定的单选按钮后,会产 生某个结果。该条件设置如图12-13 所示。
图 12-10 焦点元件文字条件设置
Axure RP 8 交互原型设计案例教程(微课版)
第12章
插入条件
12.2 条件的高级应用
12.2.2 条件设置选项
元件文字长度:将元件上的文字的字符数作为设定条件的对象。例如,在文本框中输入的字 符不超过6 个时,会产生某个结果。该条件设置如图12-11 所示。
图 12-13 选中状态条件设置
Axure RP 8 交互原型设计案例教程(微课版)
第12章
插入条件
12.2 条件的高级应用
12.2.2 条件设置选项
图12-13 说明:当指定的某个单选按钮被选中时,满足设定的条件。当然,也可以设置当指 定的某个单选按钮不被选中时方可满足设定的条件,如图12-14 所示。
条件可以是一个,也可以是多个。如果是多个,可以设置只要满足其中的一个就可以执行相 应的动作,这个叫“或者”(or);也可以要求满足所有的条件才可以执行相应的动作,这个叫 “并且”(and)。
Axure RP 8 交互原型设计案例教程(微课版)
第12章
插入条件
12.1 认识条件
12.1.2 插入条件的方法
图12-14 非选中状态条件设置
Axure RP 8 交互原型设计案例教程(微课版)
第12章
插入条件
12.2 条件的高级应用
12.2.2 条件设置选项
面板状态:选择或不选择动态面板的某个状态作为设定条件的对象。例如,当选择动态面板 中的第四个状态时会产生某个结果。该条件设置如图12-15 所示。
图 12-7 变量值条件设置
Axure RP 8 交互原型设计案例教程(微课版)
第12章
插入条件
12.2 条件的高级应用
12.2.2 条件设置选项
图12-7 说明:当全局变量OnLoadVariable 包含“老林”字符时满足条件。例如,全局变量 是“老林是个好同志”或者“老林就是林老师”时,都符合设置的条件。
Axure RP 8 交互原型 设计案例教程(微课版)
第12章
插入条件
微课版
第12章
插入条件
12.1 认识条件
12.1.1 理解条件
条件常用的格式是:如果条件成立,就执行相应的动作。例如,如果全局变量a >3,就显示 一个圆形。在这里,a >3 就是一个条件,显示一个圆形就是条件成立后执行的一个动作。
在【用例编辑】对话框中单击【添加条件】按钮,如图12-1 所示。
图 12-1 【添加条件】按钮
Axure RP 8 交互原型设计案例教程(微课版)
第12章
插入条件
12.1 认识条件
12.1.2 插入条件的方法
单击【添加条件】按钮后,打开图12-2 所示的【条件设置】对话框。
图 12-2 【条件设置】对话框
第12章
插入条件
12.2 条件的高级应用
12.2.1 条件的两种方式
在【条件设置】对话框中的“符合”下拉列表中可以看到“全部”和“任何”两个选项,如 图12-4所示。
图 12-4 条件符合选项
Axure RP 8 交互原型设计案例教程(微课版)
第12章
插入条件
12.2 条件的高级应用
12.2.2 条件设置选项
图 12-6 值条件设置
Axure RP 8 交互原型设计案例教程(微课版)
第12章
插入条件
12.2 条件的高级应用
12.2.2 条件设置选项
图12-6 说明:当变量LVAR1 是数字时满足条件,如果是文本就不符合条件了。 变量值:将全局变量作为设定条件的对象。例如,当全局变量包含“老林”字符时,可以产 生某个结果,该条件设置如图12-7 所示。
图 12-11 元件文字长度条件设置
Axure RP 8 交互原型设计案例教程(微课版)
第12章
插入条件
12.2 条件的高级应用
12.2.2 条件设置选项
被选项:将列表框或者下拉列表框中的选项作为设定条件的对象。例如,当下拉列表中的被 选项是某个指定的选项时,会产生某个结果。该条件设置如图12-12 所示。
Axure RP 8 交互原型设计案例教程(微课版)
第12章
插入条件
12.1 认识条件
12.1.2 插入条件的方法
在一个用例中可以插入一个 条件,也可以插入多个条件,只 要单击右侧的按钮,即可添加新 的条件,如图12-3 所示。
图 12-3 插入多个条件
Axure RP 8 交互原型设计案例教程(微课版)
变量值长度:将全局变量值的字符长度作为设定条件的对象。例如,当全局变量满足8 个字 符长度时,可以产生某个结果,该条件设置如图12-8 所示。
图 12-8 变量值的长度条件设置
Axure RP 8 交互原型设计案例教程(微课版)
第12章
插入条件
12.2 条件的高级应用
12.2.2 条件设置选项
元件文字:将元件上的文件作为设定条件的对象。例如,当某个元件上的文字为指定的文本 时,可以产生某个结果。该条件设置如图12-9 所示。
在【条件设置】对话框中可以选择设定条件的对象、选择逻辑运算符以及设置条件的内容等, 如图12-5 所示。
图 12-5 条件设置选项
Axure RP 8 交互原型设计案例教程(微课版)
第12章
插入条件
12.2 条件的高级应用
12.2.2 条件设置选项
下面介绍【条件设置】对话框中的参数。 设定条件的对象 值:将局部变量或者函数作为设定条件的对象。例如,当局部变量是数值时,可以产生某个 结果,该条件设置如图12-6 所示。
图 12-9 元件文字条件设置
Axure RP 8 交互原型设计案例教程(微课版)
第12章
插入条件
12.2 条件的高级应用
12.2.2 条件设置选项
图12-9 说明:当文本框中输入的文本是“老林”两个字时,满足设置的条件;如果文本框中 输入的是“林老”就不符合设Hale Waihona Puke Baidu的条件了。
焦点元件文字:将获取了焦点的元件上的文字作为设定条件的对象。例如,获取焦点元件上 的文字不包含某些字符时,会产生某个结果。该条件设置如图12-10 所示。
相关文档
最新文档