行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

菜单

公式

借助公式和变量,你可以创建真正“活”起来的原型。公式是允许你为交互添加逻辑的表达式。从验证密码到统计购物车中的商品数量,甚至计算账户总余额,公式都能实现这一切。

通过 ProtoPie 的公式功能,你可以访问图层属性、执行计算,并利用丰富的函数完成文本处理和高级数学等任务。

公式通过公式输入字段添加。只需根据需要包含图层属性、函数和变量。需要快速参考?只要点击 + 图标,即可查看你可用的图层和变量。


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

提示:在 Labs 中启用 改进的公式输入字段 后,你可以快速识别公式中使用的变量是局部变量(仅可在当前场景中使用)还是全局变量(可在所有场景中使用)。


{'_type': 'localeString', 'en': 'An icon indicating the variable scope appears when typing out a variable name.'}

刚接触公式?别担心,我们已经为你准备好了!以下是一些资源,帮助你充分发挥 ProtoPie 公式的潜力。

  • 语法 — 就像任何语言一样,公式也有自己的一套规则和原则。学习语法,帮助你自信地写出第一个公式。

  • 图层属性 — 访问丰富的图层属性,让你的交互更生动。掌握图层属性是创建动态原型的第一步。

  • 函数 — 利用我们预定义的公式来执行特定任务。函数会处理数据并输出结果,让你的原型更加强大。

  • 使用场景 — 探索公式高效使用的实用示例。从真实场景中学习,并将这些知识应用到你自己的项目中。

公式与变量的区别

公式和变量协同工作,可无缝增强你的原型。以下是它们关系的简要说明:

变量:可以把变量看作存放数值的“篮子”。它们让你能够存储和获取数据,从而更容易在整个原型中复用信息。变量可以独立使用,也可以与公式结合使用。例如,你可以使用公式来获取存储在变量中的值。

公式:公式是用于计算并“返回”结果的表达式。它们是创建动态交互的强大工具。你可以用公式执行计算、处理文本并完成各种任务。公式也可以包含变量,以访问已存储的值。

公式与变量之间的协同作用可让你的原型更上一层楼。变量存储可供公式使用的值,而公式本身甚至也可以存入变量中,以便跨场景复用。

总之,公式和变量相辅相成,在原型开发过程中提供了灵活性与效率。

了解更多关于变量的信息。

学习基础知识

公式看起来可能有些难,但它们比你想象的更容易上手。只需掌握几个公式,任何人都能创建动态交互!

在这个视频教程中,你将学习如何使用 ProtoPie 制作引人入胜的交互。我们将演示如何把一个矩形图层移动到另一个矩形图层的位置,无论它在场景中的哪个位置。

进一步了解图层属性以及如何进行简单计算

通过示例练习

制作标签栏

为了让响应动态生效,请使用公式而不是固定值。本视频教程将向你展示如何使用公式为一个简单的标签交互添加动画。

进一步了解图层属性以及如何进行简单计算


{'_type': 'localeString', 'en': 'formula menu'}

使用输入图层中的文本

你还可以使用公式显示存储在变量中的文本信息。本视频教程将向你展示如何输入一段文字,并通过一个简单公式将其显示在其他位置。

进一步了解输入图层图层属性


{'_type': 'localeString', 'en': 'formula input'}

在寻找实用的使用场景吗?通过公式的实际用例了解更多