提示

2

阅读时间

如何从中间开始分页

全新 ProtoPie 系列。由 ProtoPie 讲师 Leah Han 带来的众多 ProtoPie 小贴士中的第一期。

利亚·韩, 中国业务负责人
connect ai agents like claude, cursor and more to protopie via mcp

我们很高兴宣布推出我们的全新系列“ProtoPie Tips”,在这个系列中,ProtoPie 讲师 Leah 将为你提供技巧,帮助你使用 ProtoPie 提升原型设计技能!

ProtoPie 允许创建可在任意方向轻松滚动或分页的容器。不过,如果你将第二页放在原型屏幕的中间,它就只能向右侧滚动。


Display scrolled or paged in any direction gif

今天,我们将向你展示如何从中间页开始向两侧分页!而且不是一种,而是两种方法!

使用 Start 触发器

我们可以使用 Start 触发器,在运行原型时立即滚动到第二页。

  1. 添加 Start 触发器。

  2. 添加一个滚动响应,并将分页容器设置为对象。

  3. 输入从第 1 页滚动到第 2 页的距离。

  4. 将持续时间改为 0。

在这个例子中,从第 1 页滚动到第 2 页的距离与屏幕宽度相同,所以这里输入 375。


使用 Start 触发器

设置容器属性

第二种方法更简单,因为你不需要添加任何交互。

  1. 选择分页容器。

  2. 在容器属性面板的 Scroll 字段中,输入从第 1 页滚动到第 2 页的距离。

在这种情况下,你会在预览前直接看到第 2 页移动到屏幕中间。


Setting up the container property gif


设置容器属性

如果你还希望我们讲解其他技巧,欢迎通过回复告诉我们。