变量

变量能储存你需要使用的值,例如名字、密码和账户余额等。变量跟随变化储存最新的值,从而表现出丰富的动态交互。在任何你能使用表达式的地方使用变量。

如果是首次接触变量,请务必查看以下示例和学习表达式相关内容。

  • 预定义变量 — ProtoPie为用户已经设定好的一组变量,这些预定义变量可以自动地存储最新的值。
  • 使用案例 — 通过案例学习变量的用法

变量与表达式的区别

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

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

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

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

了解更多关于表达式的内容

选择变量范围

创建变量时需选择该变量适用的范围,可以选择仅适用于当前场景或适用于所有场景。

  1. choosing-the-variable-scope

适用于所有场景的变量

该变量可以在一个原型内的所有场景中使用,可以在场景之间“传递”数据。如果场景A中适用于所有场景的变量中发生了变化,那么场景B中的该变量也会发生变化。

仅适用于当前场景的变量

该变量仅对当前场景起作用,在场景A中创建的变量不会影响到场景B。

创建仅适用于当前场景的变量时,可以在变量中输入表达式,这样可以使表达式反复被利用。

变量种类

变量的种类有三种:文本、数字、颜色。

  1. variable-data-types

文本

文本变量储存文本类的值。即使输入的是数字,文本变量也会把数字按照文本去处理。

数字

数字变量储存数字类的值。如果输入其他格式,则会发生错误。

颜色

颜色变量储存十六进制的颜色值。如果输入其他格式,则会发生错误。

赋值和监听

”赋值“反应和“监听”触发常常与变量一起使用

赋值

用变量的值去覆盖一个原有的值。值可以是文本、数字或颜色。此外,值可以是固定值,也可以是表达式的结果。

了解更多关于赋值的内容

监听

连续监听变量的变化。根据变量发生的变化触发相应的反应动作。

了解更多关于监听的内容

显示变量

点击变量菜单中变量右侧的图标,可以在画板和预览窗中可以显示变量的当前值。

这个功能可以帮助在制作过程中查看变量是否存储了正确的值。

[object Object]

学习基本知识

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

在以下视频中,矩形的位置跟随变量值的变化而移动。

应用案例

制作微调器

本案例使用变量制作了一个简单的微调器原型。通过视频学习如何增加或减少1,并如何在文本图层中显示变量的值。

[object Object]

制作水波纹

本案例利用了预定义变量,通过视频学习如何以手指点击的位置为中心显示水波纹的效果。

了解更多关于预定义变量的内容

[object Object]

学习更多关于变量的使用案例。

Back To Top