DragonBones ArmatureDisplay 组件参考

    在 层级管理器 中选中需要添加 ArmatureDisplay 组件的节点，然后点击 属性检查器 下方的 添加组件 -> DragonBones -> ArmatureDisplay 按钮，即可添加 ArmatureDisplay 组件到节点上。

    • ArmatureDisplay 组件的使用方法可参考 DragonBones（GitHub | ）范例。

    下面通过一个范例介绍 DragonBones 如何换装。通过替换插槽的显示对象，将下图机器人的武器替换为红色框中的武器。

    dragonbones-cloth

    1. 首先在 层级管理器 中新建一个 Canvas 节点，然后在 Canvas 节点下新建一个空节点并命名为 。选中 replaceDBNode 并在 属性检查器 中添加 ArmatureDisplay 组件，将绿色框中的武器资源拖拽至 ArmatureDisplay 组件的属性框中，如下图所示：

    2. dragonbones-cloth

    3. 然后将 ReplaceSlotDisplay 脚本挂载到 Canvas 节点上，即将脚本拖拽到 Canvas 节点的 属性检查器 中。再将 层级管理器 中的 dbNode 节点和 节点分别拖拽到脚本组件对应的属性框中，并保存场景。

    4. 接下来我们需要利用 Button 组件的点击事件来触发 ReplaceSlotDisplay 脚本中的 left 和 right 回调，实现通过点击按钮来替换机器人左/右手的武器。

      在 层级管理器 的 Canvas 节点下新建两个 Button 节点并命名为 left 和 right，根据需要调整其位置、大小、文字显示等属性。

      然后在 属性检查器 中设置 left 和 节点的点击事件，将挂载了 ReplaceSlotDisplay 脚本组件的 Canvas 节点分别拖拽到两个节点的 ClickEvents 属性的 cc.Node 属性框中，指定脚本组件为 ReplaceSlotDisplay，并设置回调为 left/right（下图以 节点为例）：

    5. 保存场景后，点击编辑器上方的预览按钮，然后点击 Left/Right 按钮即可看到机器人左/右手的武器已经被替换。

      dragonbones-cloth

      详情可参考官方范例 ReplaceSlotDisplay（GitHub | ）。

      注意：

      1. 范例运行起来后右手替换的武器样式与场景中预备的武器样式不一致，这是资源问题导致的，开发者请参考具体的代码实现。

    DragonBones 挂点和碰撞检测的方法与 Spine 完全相同，详情请参考 Spine 挂点与碰撞检测。