ProtoPie AI 已上线——现已进入 Beta 版。了解更多

ProtoPie AI 已上线——现已进入 Beta 版。了解更多

菜单

变量使用案例

探索变量在各种使用场景中的实际应用。了解如何有效使用不同的变量作用域和数据类型、预定义变量,以及它们如何在各种触发器响应中发挥作用。亲自体验这些原型:试用并下载它们,以观察交互效果。

进一步了解变量公式

在下方找到你需要的使用案例:

在找公式相关的使用案例吗?查看涉及公式的使用案例

在我们的社区中查找其他用户此前分享的关于变量和公式的技巧、窍门与解决方案。

兔子大战狼游戏

在“兔子大战狼”游戏原型中创建变量来跟踪分数。


{'_type': 'localeString', 'en': 'bunny-wolf-game'}

试用该原型 吧。

移动游戏原型设计大师课中了解更多。

范围滑块

将滑块手柄的位置与一组数值范围关联起来。当你拖动并移动手柄时,最新数值会被存储在变量中。


{'_type': 'localeString', 'en': 'range slider'}

试用该原型吧。

进一步了解Chain 触发器Detect 触发器函数

在其他地方使用数据

将输入层中的输入存储到变量中,并在其他地方使用它,例如在不同场景中。可以是用户会输入并且你希望在整个原型中使用的姓名、密码、电子邮箱地址等。


{'_type': 'localeString', 'en': 'using data elsewhere'}

试用该原型吧。

进一步了解Detect 触发器Start 触发器图层属性

计算剩余余额

在进行银行转账时计算剩余余额。要执行实际计算,可使用算术运算,从当前余额中减去转账金额。


{'_type': 'localeString', 'en': 'calculating the remaining balance'}

试用该原型吧。

进一步了解算术运算条件组件

记住购物车中的内容

将商品加入购物车,并动态计算和显示购物车总金额——具体取决于添加了哪些商品。


{'_type': 'localeString', 'en': 'shopping cart'}

试用该原型(由Soda Design制作)吧。

进一步了解算术运算函数条件

计时器

每过 60 秒,计时器就会增加 1 分钟——就像任何基础计时器一样。不过,你也可以创建任意你想要的计时器。反过来,倒计时器也同样可行。


{'_type': 'localeString', 'en': 'timer'}

试用该原型吧。

进一步了解算术运算条件Detect 触发器

滚动时吸顶页眉

区分向上与向下滚动,并相应调整吸顶页眉的位置——全部仅使用一个预定义变量:$touchVelocityY。


{'_type': 'localeString', 'en': 'scroll sticky header'}

试用该原型吧。

进一步了解预定义变量Detect 触发器

启用键盘视图

当键盘从底部弹出时,基于键盘高度移动你的设计。可使用预定义变量 $keyboardHeight 自动完成这些计算。


{'_type': 'localeString', 'en': 'enabling keyboard view'}

试用该原型吧。

进一步了解预定义变量Focus 触发器

使用传入语音

启用语音命令监听后,可使用预定义变量 $voiceTranscript 来使用传入语音。通过文本响应显示转写内容,或让原型将其大声朗读出来。

试用该原型吧。

进一步了解预定义变量语音原型设计