滚动原型使您能够创建更接近于成品的真实原型。 例如,您可以创建模仿滚动列表的应用程序原型。
要创建一个在预览时垂直滚动的原型
- 首先打开工具栏中的**插入**
并选择一个用于固定窗口的**模板**,您的原型将在视窗中显示。 或者,创建您自己的画板模板 作为滚动画板使用。
- 增加画板模板的高度(检查器中的预设尺寸将显示星号 * 以指示您已调整大小)并添加将在视窗内滚动的额外图层
- 预览
您的原型,查看调整大小后的画板及其内的图层如何在视窗内滚动
- 您可以创建和添加固定元素 到您的滚动原型,例如选项卡和菜单栏
确保使用画板模板来创建滚动画板。 如果您尝试使用自定义画板,您的原型将不会在应用程序、Web 应用程序和 iOS 应用程序中滚动。 此外,请记住,滚动画板仅适用于垂直布局。

创建垂直滚动原型的步骤
创建滚动区域
您可以在画板内创建水平、垂直或多方向滚动区域,以在您的原型中创建真实的可滚动 UI 元素。
要创建滚动区域,请选择一个或多个图层(或现有的图层组),转到检查器中的**原型**选项卡,然后点击**制作可滚动**。 您无需手动将图层分组 - 如果它们尚未分组,我们将为您完成。 现在,选择您是要使组水平滚动、垂直滚动还是双向滚动(多方向)。
当您将组设为可滚动时,我们会在该组上添加一个特殊的剪切蒙版。 这将控制可滚动区域的大小以及在您开始滚动之前可见的图层。 若要调整此可见区域,请确保在检查器中选择了**原型**选项卡,然后选择您的组。
您将在左侧和右侧的选择上看到一组滚动手柄(用于水平滚动),顶部和底部(用于垂直滚动),以及所有四侧(用于多方向滚动)。 点击并拖动手柄以调整滚动区域的可见区域。
如何在原型中创建和自定义滚动区域
如果您想更改包围可滚动组的边界,您可以手动调整它们 - 甚至从没有调整大小手柄的边缘调整。 为此,请选择可滚动组或符号,打开**原型**选项卡,点击**选择可滚动蒙版**图标 ,然后在任何方向调整滚动区域的边界。
请注意,您目前无法使用alpha 蒙版来创建滚动区域。