xd怎么做页面滑动_Adobe XD中的滚动组功能详解！

Hi，米娜，在制作ui设计稿交互演示的过程中，我们经常需要对一些内容做滚动设置。

这里解锁一个Adobe XD的隐藏黑科技，这个功能可以快速地制作滚动的交互演示内容，非常适合使用多面板的界面，地图卡片和水平图像库。

1.什么是滚动组功能

这个功能菜单在右侧变换面板的下方，有三个选项，水平滚动，垂直滚动，和水平垂直方向上的滚动。

以前我们也可以对设计稿做滚动，但那是画板滚动，而这个滚动组则是局部内容滚动，这么说，大家是不是有点理解了？我们再结合一点实例看看吧。

2.创建垂直滚动组

这里我引用官方的实例来说明，制作垂直滚动组的方法是：

选定内容并打组

选择垂直滚动功能

调节蓝色虚线框的手柄来调整可视区域

上图的蓝色虚线框上有两个操作按钮，可以调整可视区域。

操作完成后，查看演示就能看到定义的内容可以滚动啦。

3.创建水平滚动组

水平滚动组在水平图像库应用会比较多如下图：

将图片组内容打组后选择水平滚动，拖动手柄定义可视范围。