提示

2

阅读时间

如何从中间开始分页

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

利亚·韩, 中国业务负责人

我们很高兴宣布推出我们的全新系列“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


设置容器属性

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