表达式允许您通过原型中的交互动态生成文本和数值。您可以使用表达式来执行诸如计算购物车的购买总额、动态构建
UI 消息以及显示当前日期等动作。
![](../../images/20230530421.png)
您可以在旁边带有fx图标的任何字段中使用表达式。直接在字段中键入您的表达式或单击图标以打开“编辑值”对话框。
从那里,您可以单击插入变量或函数以查看可用于表达式的变量和函数的完整列表。您还可以创建局部变量来访问表达式中的特定元件属性。
![](../../images/20230530422.png)
表达式
Axure RP 将任何用双方括号“[[ ]]”括起来的文本视为表达式,并且表达式本身将被其自己在
Web 浏览器中的最终输出值替换。括号外的文本被视为静态文本,不会在 Web 浏览器中更改。
例如,如果您将元件上的文本设置为“结算金额为 ¥[[ 5.50 + 2.99 ]]”,则元件的文本在浏览器呈现时会显示“结算金额为
¥8.49”。
数字和数学
基本运算符
您可以在表达式中执行以下基本数学运算:
![](../../images/20230530423.png) 高级数字和数学函数
要执行更高级的数学运算,请使用“插入变量”或“函数”菜单中“数字”和“数学”下列出的函数。
您可以将这些函数用于:
- 数字:[[ 7.546.toFixed(2) ]]
- 包含数值的变量:[[ TaxRateVar.toFixed(2) ]]
- 其他操作和函数返回的数值:[[ (2.55*7.3).toFixed(2) ]]
![](../../images/20230530425.png)
字符串(文本)
要处理文本字符串,请使用“插入变量”或“函数”菜单中“字符串”下列出的函数。
您可以将这些函数用于:
- 双引号或单引号内的文本字符串:[[ "Hello, world!".toUpperCase()
]]
- 包含字符串值的变量:[[ GreetingVar.toUpperCase() ]]
- 其他操作和函数返回的字符串值:[[ "Hello, world!".substr(0,5).toUpperCase()
]]
![](../../images/20230530426.png)
元件属性
您可以使用“插入变量”或“函数”菜单中的元件下列出的选项访问元件的属性,例如它们的位置和尺寸。
为了使用这些选项,您需要将它们附加到带有“点符号”的元件对象:Object.property。您可以使用三个元件对象:
- This是指您正在为其配置当前动作的事件的元件,例如您可能正在使用其点击事件的按钮。
[[ This.width ]]
- Target是指作为您当前正在配置的动作的目标的元件,例如使用“显示/隐藏”动作隐藏的元件。
[[ Target.width ]]
- LVAR1指的是您存储在局部变量中的元件。(默认第一个局部变量名称是“LVAR1”,您可以任意更改。)
[[ LVAR1.width ]] ![](../../images/20230530427.png)
页面、窗口和光标 ![](../../images/20230530428.png)
日期和时间
使用“插入变量”或“函数”菜单中“日期”下列出的函数来生成和处理日期和时间信息。
您可以将这些函数用于以下日期对象:
- Now
- GenDate
- Date.UTC()
- Date.parse()
![](../../images/20230530430.png)
![](../../images/20230530431.png)
布尔值
布尔运算符用于编写计算结果为true或false的比较表达式。比较表达式用于诸如中继器过滤、更新和标记中继器行以及编写复杂的条件逻辑之类的事项。
![](../../images/20230530432.png)
|