在设计模式中，选择源画板和另一个要叠加它的画板。您可以多次重复使用叠加画板。
上次更新日期：
2022年2月25日
- Adobe XD 用户指南
- 简介
- 设计
- 画板、参考线和图层
- 形状、对象和路径
- 文本和字体
- 组件和状态
- 蒙版和效果
- 版面
- 视频和 Lottie 动画
- 原型
- 共享、导出和审阅
- 设计系统
- 云文档
- 集成和插件
- iOS 和 Android 版 XD
- 故障排除
- 已知问题和已修复问题
- 安装和更新
- 启动和崩溃
- 云文档和 Creative Cloud Libraries
- 创建原型、发布和预览
- 导入、导出和使用其他应用程序
了解如何添加叠加以模拟交互式幻灯片效果。
Adobe XD 允许您将内容堆叠在另一个画板上（而不是在多个画板上复制它）来模拟下拉列表、上滑键盘等效果。
-
-
在“原型”模式中，将连接器从源画板拖放到包含叠加内容的画板。单击连接器以查看“属性检查器”中显示的“交互”面板，并设置以下选项：
- 触发器：选择一个选项。
- 操作：选择“叠加”。如果要在单个触发器上分配两个操作，例如点击，请将属性检查器中的第一个操作 + 按钮设置为叠加，然后将第二个操作 + 按钮设置为非过渡性操作，例如音频播放或语音播放。
- 动画：选择动画类型。如果您选择上滑或下滑，XD 会自动将叠加定位到源画板的边缘。
- 缓动：选择一个选项来模拟缓动效果。
- 持续时间：设置持续时间。您可以在两个过渡画板之间设置的最长持续时间为五秒。
在源画板上添加键盘作为叠加
在源画板上添加键盘作为叠加 -
要调整叠加在源画板上的位置，请单击、拖动和放下绿色位置旋钮 (+)。
-
要在支持的浏览器中预览您的叠加，请单击
。
嵌套叠加
Adobe XD 不支持在其他叠加上应用叠加的嵌套叠加。在这种情况下，当您将第一个叠加画板连接到另一个画板时，第一个叠加会在过渡进入第二个叠加之前过渡出来。
示例和示例文件
想要使用背景模糊效果创建交互式叠加？
- 选择一个源画板和一个具有背景模糊的叠加画板。有关如何添加背景模糊的信息，请参阅在 XD 中使用模糊效果。
- 切换到“原型”模式以将源画板连接到叠加画板。
- 从“属性检查器”中选择以下选项：
- 触发器：选择“点击”。
- 操作：选择“叠加”。
- 动画：选择“溶解”。
- 缓动：选择“渐出”。
- 持续时间：输入“0.2s”。
- 将多个不同的源画板连接到叠加画板。
- 使用“桌面预览”可预览效果。
有关详细的教程和可下载的示例文件，请参阅创建交互式叠加。
想要了解如何使用叠加创建滑入下拉列表效果？请观看本示例末尾的教程，并按照以下步骤操作：
- 选择一个源画板和一个具有下拉项目列表的叠加画板。
- 切换到“原型”模式以将源画板连接到叠加画板。
- 从“属性检查器”中选择以下选项：
- 触发器：选择“点击”。
- 操作：选择“叠加”。
- 动画：选择“右滑”。
- 缓动：选择“渐出”效果。
- 持续时间：输入 0.3s。
- 将多个不同的源画板连接到叠加画板。
- 使用“桌面预览”可预览效果。
了解详情
要了解有关 XD 中的重叠的更多信息，请观看此视频。
观看时长：10 分钟
您还可以查看 XD 社区，了解更多这样的教程和示例文件。
