Adobe XD滚动组

滚动是Adobe XD的新功能，随XD 30.0版本发布。 它是Adobe XD的最佳功能之一，允许我们在单个帧中创建可滚动的内容。 在滚动功能之前，我们需要创建多个屏幕来显示设计的更多内容。 现在，使用Adobe XD，我们可以创建可滚动对象，这些对象将在不影响设计其他组件的情况下滚动。 它提供了应用程序的实时体验。

滚动组功能对于创建滑块，轮播和可导航地图非常有用。 XD支持水平和垂直滚动。 右侧边栏中有三个不同的按钮，分别用于水平，垂直以及水平和垂直滚动。

在本节中，我们将讨论如何在Adobe XD中创建可滚动对象。 让我们了解如何创建滚动组。

如何在Adobe XD中创建滚动组？

请按照以下步骤创建滚动组

步骤1：选择画板

要在Adobe XD中进行设计，我们必须选择一个画板。 根据您的需要选择任何画板。 参见如何在Adobe XD中创建画板。

我们选择iPhone 12, 12 pro画板尺寸。

步骤2：创建对象

现在，创建要使其可滚动的对象。 您还可以使用重复网格功能多次创建相同的卡片或容器。 我们将在后续章节中介绍重复网格功能。 现在，如果您不熟悉重复网格，则可以手动复制并粘贴对象。

步骤3：选择滚动选项

现在，从右侧边栏菜单中选择滚动选项。 我们有三个滚动选项。

从上图的给定选项中选择任何滚动选项。 这些选项分别是水平滚动，垂直滚动以及垂直和水平滚动。 我们选择水平滚动。

步骤4：定义宽度

现在，我们的最后一步是定义滚动组的宽度。 选择滚动选项后，宽度滑块将自动设置为对象。 拖动滑块以定义宽度，然后选择需要滚动的项目。

定义滚动组的宽度后，我们的对象就可以滚动了。

我们可以预览以查看滚动效果。

步骤5：预览滚动效果

要预览滚动效果，请按Ctrl+Enter键组合以预览屏幕。

类似地，我们可以具有水平或垂直和水平滚动效果。

局限性

滚动组在设计规范中不起作用。 将滚动组添加到单独的画板中，并将它们作为设计规范的一部分发布，作为一种解决方法。

提示和技巧

现在我们已经熟悉了滚动组和滚动效果，这里有一些对您有帮助的提示

• 在不同设备上预览设计时，请在相应方向上使用触摸板，鼠标来体验滚动功能。
• 滚动组还可以与组件状态和动作（例如自动动画，叠加和滚动）结合使用。 我们可以使用这些操作使其更逼真。
• 使用重复网格功能或填充来正确调整滚动对象。
• 我们还可以具有嵌套的滚动组，以在设计中创建多个级别的滚动效果。
• 要为长设计滚动画板，我们可以增加画板的高度。 但是，我们也可以为垂直滚动创建滚动组，但是滚动组对于在同一容器中创建特定的滚动效果很有用。

在这里，我们讨论了滚动效果和组。 现在，我们可以在设计中创建不同的可滚动设计元素，例如滑块，轮播和可导航地图。