Axure RP 8 交互原型设计案例教程第11章
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Axure RP 8 交互原型 设计案例教程（微课版）
第11章
变量和函数
微课版
第11章
变量和函数
11.1 变量
11.1.1 变量基础
众所周知，常数就是固定不变的数值。与常数相反，变量则是指变化的信息或数据。在 Axure RP中，变量可以用来存储数据，也可以用来传递数据。根据变量使用的范围，可以将其分 为全局变量、局部变量和函数。
图 11-11 自定义变量选项
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.2 函数
11.2.1 元件函数
下面举例说明这两个函数的含义。 （1）在主页页面上创建一个矩形 和一个圆形，分别以其形状命名，如图 11-12 所示。
图 11-12 创建的两个图形元件
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.2 函数
11.2.1 元件函数
（2）先选择左边的矩形元件，这就是所谓的当前元件 （This），在右侧的【属性】子面板中添加【鼠标单击时】事件，在打开的【用例编辑】对 话框中指定动作为【设置文本】，在配置动作中选择圆形元件，这就是所谓的目标元（Target）， 如图11-13 所示。
图 11-14 添加的两个函数
Axure RP 8 交互原型设计案例教程（微课版）
图11-15 当前和目标元件预览效果
第11章
变量和函数
11.2 函数
11.2.2 页面函数
图 11-1 在【用例编辑】对话框中新建全局变量
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.1 变量
11.1.2 全局变量
下面通过一个小案例来学习全局变量的用法。在本例中，在文本框中输入完文本并单击提交 按钮后，页面会跳转到另一个页面并显示刚才输入的文本。
（1）在主页页面中创建一个文本标签、一个文本框和一个提交按钮，如图11-2 所示。
图 11-6 设置【设置文本】动作
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.1 变量
11.1.2 全局变量
设置完成后，返回主页并按【F5】键浏览网页，在文本框中输入文本，如图11-7 所示。 单击【提交】按钮，即可弹出如图11-8 所示的弹出窗口。
图 11-7 在文本框中输入文本
图11-2 创建的元件
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.1 变量
11.1.2 全局变量
（2）选择提交按钮元件，在右边的【属性】子面板中双击【鼠标单击时】事件，在打开的 【用例编辑】对话框中添加一个【设置变量值】动作，在右侧的【配置动作】栏中选择程序默认 创建的全局变量，在下方设置全局变量值为“元件文字”，右侧的元件设置为文本框，如图11-3 所示。
第11章
变量和函数
11.1 变量
11.1.2 全局变量
Biblioteka Baidu
（4）用例设置完成后，在页面1 中添加一个文本标签和矩形元件，如图11-5 所示。
图 11-5 页面1 中的文本标签和矩形元件
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.1 变量
11.1.2 全局变量
（5）在页面1 中添加一个【页面载入时】事件，在打开的对话框中添加一个【设置文本】动 作，在【配置动作】栏中选择矩形元件，在下方的“设置文本为”参数中选择全局变量值，如图 11-6所示。
由于函数可以在原型中获取日期、时间、窗口宽度和高度、鼠标指针位置、页面名称等变化 的信息数据，所以可以看作是一种特殊的变量，非常实用。
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.1 变量
11.1.2 全局变量
在Axure RP 中创建全局变量一般有两种方法。 执行【项目】→【全局变量】命令。 在【用例编辑】对话框中的某些动作中可以设置全局变量值，如图11-1所示。
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.1 变量
11.1.3 局部变量
图 11-9 动作参数栏中的fx 按钮
Axure RP 8 交互原型设计案例教程（微课版）
图 11-10 自定义局部变量
第11章
变量和函数
11.1 变量
11.1.3 局部变量
单击“添加局部变量”超链接会添加一个以“LVAR”+数字序号命名的局部变量，在“=” 右侧可以指定赋给该局部变量的元件以及元件的选项，如图11-11 所示。
图 11-13 添加【设置文本】动作
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.2 函数
11.2.1 元件函数
（3）单击【用例编辑】对话框右下角的fx 按钮，插入【This】和【Target】，可以在该变量 前后添加自己想要的文本。按【回车键】可以直接换行，如图11-14 所示。设置完成后，按【F5】 键预览。在浏览器中单击左边的矩形，会在右侧的圆形上显示相应的文本，如图11-15 所示。
Axure RP 8 交互原型设计案例教程（微课版）
图11-8 弹出窗口中的信息
第11章
变量和函数
11.1 变量
11.1.3 局部变量
局部变量通常是在【用例编辑】对话框中借助于动作中的fx 按钮创建的。例如，在【设置文 本】动作的参数栏中可以找到fx 按钮，如图11-9 所示。
单击该按钮后会打开【编辑文本】对话框，在该对话框的底部位置单击“添加局部变量”即 可定义局部变量，如图11-10 所示。
图 11-3 设置全局变量参数
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.1 变量
11.1.2 全局变量
（3）接着上面的对话框继续添加一个新动作【弹出窗口】，在右侧设置打开页为页面1，如 图11-4所示。
图 11-4 设置【弹出窗口】动作
Axure RP 8 交互原型设计案例教程（微课版）
全局变量对整个原型都有效，如果想将数据从一个元件传递到另一个元件或者从一个页面传 递到另一个页面中就要用到全局变量。鉴于此，在一个原型中，全局变量的名称不要出现重复的 情况。局部变量只能在某个元件的某个动作中有效，离开这个动作，局部变量就无效了，所以， 在一个原型中，局部变量的名称是可以重复使用的。
第11章
变量和函数
微课版
第11章
变量和函数
11.1 变量
11.1.1 变量基础
众所周知，常数就是固定不变的数值。与常数相反，变量则是指变化的信息或数据。在 Axure RP中，变量可以用来存储数据，也可以用来传递数据。根据变量使用的范围，可以将其分 为全局变量、局部变量和函数。
图 11-11 自定义变量选项
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.2 函数
11.2.1 元件函数
下面举例说明这两个函数的含义。 （1）在主页页面上创建一个矩形 和一个圆形，分别以其形状命名，如图 11-12 所示。
图 11-12 创建的两个图形元件
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.2 函数
11.2.1 元件函数
（2）先选择左边的矩形元件，这就是所谓的当前元件 （This），在右侧的【属性】子面板中添加【鼠标单击时】事件，在打开的【用例编辑】对 话框中指定动作为【设置文本】，在配置动作中选择圆形元件，这就是所谓的目标元（Target）， 如图11-13 所示。
图 11-14 添加的两个函数
Axure RP 8 交互原型设计案例教程（微课版）
图11-15 当前和目标元件预览效果
第11章
变量和函数
11.2 函数
11.2.2 页面函数
图 11-1 在【用例编辑】对话框中新建全局变量
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.1 变量
11.1.2 全局变量
下面通过一个小案例来学习全局变量的用法。在本例中，在文本框中输入完文本并单击提交 按钮后，页面会跳转到另一个页面并显示刚才输入的文本。
（1）在主页页面中创建一个文本标签、一个文本框和一个提交按钮，如图11-2 所示。
图 11-6 设置【设置文本】动作
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.1 变量
11.1.2 全局变量
设置完成后，返回主页并按【F5】键浏览网页，在文本框中输入文本，如图11-7 所示。 单击【提交】按钮，即可弹出如图11-8 所示的弹出窗口。
图 11-7 在文本框中输入文本
图11-2 创建的元件
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.1 变量
11.1.2 全局变量
（2）选择提交按钮元件，在右边的【属性】子面板中双击【鼠标单击时】事件，在打开的 【用例编辑】对话框中添加一个【设置变量值】动作，在右侧的【配置动作】栏中选择程序默认 创建的全局变量，在下方设置全局变量值为“元件文字”，右侧的元件设置为文本框，如图11-3 所示。
第11章
变量和函数
11.1 变量
11.1.2 全局变量
Biblioteka Baidu
（4）用例设置完成后，在页面1 中添加一个文本标签和矩形元件，如图11-5 所示。
图 11-5 页面1 中的文本标签和矩形元件
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.1 变量
11.1.2 全局变量
（5）在页面1 中添加一个【页面载入时】事件，在打开的对话框中添加一个【设置文本】动 作，在【配置动作】栏中选择矩形元件，在下方的“设置文本为”参数中选择全局变量值，如图 11-6所示。
由于函数可以在原型中获取日期、时间、窗口宽度和高度、鼠标指针位置、页面名称等变化 的信息数据，所以可以看作是一种特殊的变量，非常实用。
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.1 变量
11.1.2 全局变量
在Axure RP 中创建全局变量一般有两种方法。 执行【项目】→【全局变量】命令。 在【用例编辑】对话框中的某些动作中可以设置全局变量值，如图11-1所示。
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.1 变量
11.1.3 局部变量
图 11-9 动作参数栏中的fx 按钮
Axure RP 8 交互原型设计案例教程（微课版）
图 11-10 自定义局部变量
第11章
变量和函数
11.1 变量
11.1.3 局部变量
单击“添加局部变量”超链接会添加一个以“LVAR”+数字序号命名的局部变量，在“=” 右侧可以指定赋给该局部变量的元件以及元件的选项，如图11-11 所示。
图 11-13 添加【设置文本】动作
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.2 函数
11.2.1 元件函数
（3）单击【用例编辑】对话框右下角的fx 按钮，插入【This】和【Target】，可以在该变量 前后添加自己想要的文本。按【回车键】可以直接换行，如图11-14 所示。设置完成后，按【F5】 键预览。在浏览器中单击左边的矩形，会在右侧的圆形上显示相应的文本，如图11-15 所示。
Axure RP 8 交互原型设计案例教程（微课版）
图11-8 弹出窗口中的信息
第11章
变量和函数
11.1 变量
11.1.3 局部变量
局部变量通常是在【用例编辑】对话框中借助于动作中的fx 按钮创建的。例如，在【设置文 本】动作的参数栏中可以找到fx 按钮，如图11-9 所示。
单击该按钮后会打开【编辑文本】对话框，在该对话框的底部位置单击“添加局部变量”即 可定义局部变量，如图11-10 所示。
图 11-3 设置全局变量参数
Axure RP 8 交互原型设计案例教程（微课版）
第11章
变量和函数
11.1 变量
11.1.2 全局变量
（3）接着上面的对话框继续添加一个新动作【弹出窗口】，在右侧设置打开页为页面1，如 图11-4所示。
图 11-4 设置【弹出窗口】动作
Axure RP 8 交互原型设计案例教程（微课版）
全局变量对整个原型都有效，如果想将数据从一个元件传递到另一个元件或者从一个页面传 递到另一个页面中就要用到全局变量。鉴于此，在一个原型中，全局变量的名称不要出现重复的 情况。局部变量只能在某个元件的某个动作中有效，离开这个动作，局部变量就无效了，所以， 在一个原型中，局部变量的名称是可以重复使用的。