在设计模式中，选择源画板和另一个要叠加它的画板。 您可以多次重复使用叠加画板。
上次更新日期：
2022年2月17日
了解如何添加叠加以模拟交互式幻灯片效果。
Adobe XD 允许您将内容堆叠在另一个画板上（而不是在多个画板上复制它）来模拟下拉列表、上滑键盘等效果。
在“原型”模式中，将连接器从源画板拖放到包含叠加内容的画板。 单击连接器以查看“属性检查器”中显示的“交互”面板，并设置以下选项：
- 触发器：选择一个选项。
- 操作：选择“叠加”。如果您要在单个触发器（如点击）中分配两个操作，请在属性检查器中将第一个操作 + 按钮设置为叠加，将第二个操作 + 按钮设置为非过渡操作，如音频播放或语音播放
。 - 动画：选择动画类型。 如果您选择上滑或下滑，XD 会自动将叠加定位到源画板的边缘。
- 缓动：选择一个选项来模拟缓动效果。
- 持续时间：设置持续时间。 您可以在两个过渡画板之间设置的最长持续时间为五秒。
要调整叠加在源画板上的位置，请单击、拖动和放下绿色位置旋钮 (+)。
要在支持的浏览器中预览您的叠加，请单击 
。
嵌套叠加
Adobe XD 不支持在其他叠加上应用叠加的嵌套叠加。 在这种情况下，当您将第一个叠加画板连接到另一个画板时，第一个叠加会在过渡进入第二个叠加之前过渡出来。
示例和示例文件
想要使用背景模糊效果创建交互式叠加？
- 选择一个源画板和一个具有背景模糊的叠加画板。 有关如何添加背景模糊的信息，请参阅在 XD 中使用模糊效果。
- 切换到“原型”模式以将源画板连接到叠加画板。
- 从“属性检查器”中选择以下选项：
- Trigger：选择 Tap。
- 操作：选择“叠加”。
- 动画： 选择 溶解。
- 缓动：选择“渐出”。
- 持续时间：输入“0.2s”。
- 将多个不同的源画板连接到叠加画板。
- 使用“桌面预览”可预览效果。
有关详细的教程和可下载的示例文件，请参阅创建交互式叠加。
想要了解如何使用叠加创建滑入下拉列表效果？ 请观看本示例末尾的教程，并按照以下步骤操作：
- 选择一个源画板和一个具有下拉项目列表的叠加画板。
- 切换至 Prototype 模式，以便将来源画板连接至叠加画板。
- 从“属性检查器”中选择以下选项：
- Trigger：选择 Tap。
- 操作：选择“叠加”。
- 动画：选择“右滑”。
- 缓动：选择“渐出”效果。
- 持续时间：输入 0.3s。
- 将多个不同的源画板连接到叠加画板。
- 使用“桌面预览”可预览效果。
了解详情
要了解有关 XD 中叠加的更多信息，请观看此视频。
观看时长：10 分钟
您还可以查看 XD 社区，了解更多这样的教程和示例文件。
