行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

菜单

公式用例

探索公式在各种用例中的实际应用。了解如何有效使用正确的语法、图层属性和函数。通过亲自试用并下载这些原型来观察它们的交互效果。

进一步了解公式变量

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

在找与变量相关的用例吗?查看涉及变量的用例

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

验证电子邮件地址

在注册流程中验证一段文本(例如电子邮件地址)。检查文本中是否包含特定字符或关键词。在此示例中,要验证输入是否为电子邮件地址,请使用 indexOf 函数检查是否包含 "@"。


{'_type': 'localeString', 'en': 'Validating email address'}

亲自试用该原型

使用的函数:indexOf。

进一步了解函数条件Focus 触发器

密码最小长度

为增强安全性,密码通常应具有最小字符长度。使用 length 函数检查输入是否超过某个字符数。


{'_type': 'localeString', 'en': 'minimun password length'}

亲自试用该原型

使用的函数:length。

进一步了解函数条件Focus 触发器

显示和隐藏密码

为了确认你输入的密码是否正确,你需要显示和隐藏密码。可通过使用输入图层的文本属性来实现。


{'_type': 'localeString', 'en': 'show hide password'}

亲自试用该原型

进一步了解图层属性条件和 Detect 触发器。

倒计时计时器

制作你能想到的任何倒计时计时器。调整 Text 响应的重复次数以设置倒计时计时器的时长。


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

亲自试用该原型

使用的函数:number。

进一步了解函数图层属性算术运算

随机打乱

基于固定的一组字母和数字,随机显示一个字母或数字。


{'_type': 'localeString', 'en': 'random shuffle'}

亲自试用该原型

使用的函数:right、left、randomInt。

进一步了解函数Start 触发器

检查银行账户余额

要检查银行账户余额是正数还是负数,请验证一个数字是大于 0 还是小于 0。


{'_type': 'localeString', 'en': 'checking a bank account balance'}

亲自试用该原型

使用的函数:sign。

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

展开列表中的卡片

无论滚动容器处于什么滚动位置,都可以展开可滚动卡片列表中的一张卡片,并让该卡片移动到顶部,为其他内容腾出空间。


{'_type': 'localeString', 'en': 'expanding a card'}

亲自试用该原型(由我们的一位用户 Nestor 制作)。

使用的函数:toLayerX、toLayerY。

进一步了解函数算术运算