MenuToggle Menu

表达式

使用表达式和变量可以制作出更丰富的动态交互。表达式具有提取数值的功能,可以用于密码认证、装入购物车、查询账户剩余金额等交互原型。

通过表达式可以使用图层属性、运算、输入命令和高级运算等多种功能。

在表达式栏中输入表达式,可以根据需要在表达式中加入图层属性、函数和变量。点击**+**图标能查看可使用的图层和变量。

[object Object]

如果是首次接触表达式,请务必查看下面的示例。通过以下链接了解更多关于表达式的内容。

  • 表达式规则 — 任何语言都有使用规则,表达式也不例外。一起学习掌握表达式的规则。
  • 图层属性 — 表达式中可以使用多种图片属性,这是制作动态交互的第一步。
  • 函数 — 函数是执行特定任务的预定义公式。函数通常“接收”一些数据作为输入,对齐进行处理,然后“得出”结果。
  • 应用案例 — 通过实际案例学习表达式。

表达式与变量的区别

表达式和变量相互独立,却又是紧密相关的。

请将变量看作用于储存结果值的“篮子”,表达式是“得出”结果的公式。如果要储存结果值时,需使用变量;相反,若要使用变量中储存的结果值时,需使用表达式。

变量不仅可以储存结果值,还可以储存表达式。 如果在一个场景中重复使用特定的表达式,那么可以将表达式储存在变量中。

简单地说,表达式中可以使用变量,同时也可以在变量中使用表达式。

了解更多关于变量的内容

学习基本知识

表达式的使用方法并不复杂。利用表达式,任何人都可以做出更具动态的交互效果。

通过下面的教学视频中,学习如何使用表达式,让方形图层根据另一个图层位置进行移动。

了解更多关于图片属性的内容,和简单的运算

应用案例

菜单切换

表达式使用非固定的值,可以制作更丰富的动态交互。本案例中,蓝色图根据点击的菜单左右移动,通过视频学习如何使用表达式将蓝色图层移动到不同菜单的X轴的位置。

了解更多关于图片属性的内容和简单的运算

[object Object]

输入文本

在表达式中使用文本属性,可以让输入的文本内容映射在其他文本中。通过本案例,学习如何让输入文本的内容显示在需要的文本中。

了解更多关于输入图层图片属性的内容。

[object Object]

学习更多关于表达式的实际案例。

Back To Top