选择教程

基础编辑

插槽、图片绑定与绘制顺序

理解图片资源、插槽和附件的关系,完成绑定、迁移、显隐与遮挡调整。

入门约 15 分钟适用 编辑器 v1.0 · 教程更新 2026年10月26日
下载教程同款 PSD

完成本篇后

能够让图片正确跟随骨骼,并独立解决图片未显示和遮挡顺序问题。

01

资源、插槽与图片附件不是同一层

骨骼
└─ 插槽(附件容器与绘制顺序单位)
   └─ 图片附件(引用图片栏中的资源)
  • 图片栏是资源库;仅存在于资源库不代表图片已经参与角色。
  • 插槽决定附件挂在哪根骨骼下,也参与绘制顺序。
  • 同一插槽可以保存多个附件候选,但当前激活哪一个会影响实际显示。
用层级关系判断图片是否真正绑定,而不是只看资源栏。
02

把图片绑定到目标骨骼或插槽

  1. 1

    选择正确的资源

    在图片栏展开 default 文件夹,找到要绑定的切片。可以先对照缩略图和名称,避免拿错左右侧素材。

  2. 2

    拖到骨骼或已有插槽

    将资源图片拖到目标骨骼或插槽。若目标骨骼还没有插槽,编辑器会要求先确认新插槽名称。

    检查结果插槽创建完成后,图片附件出现在其下,画布能看到对应图片。

    绑定完成后应在层级树看到这种结构;需要新插槽时,编辑器会在拖动绑定过程中要求确认名称。
  3. 3

    检查跟随与激活状态

    轻微移动目标骨骼,确认图片跟随。如果同槽有多个附件,检查当前显示的是否是刚绑定的图片,再撤销测试移动。

    检查结果图片随骨运动,显示的是预期附件。

03

分别处理遮挡与可见性

  1. 1

    调整绘制顺序

    展开右侧“绘制顺序”,将目标插槽拖到合适的位置。列表只改变绘制顺序,不改变骨骼父子层级。

    检查结果画布遮挡立即更新,骨骼结构保持不变。

    先在这里找到目标插槽,再拖动调整遮挡;图中展示操作位置,不是拖拽结果。
  2. 2

    区分三种显隐

    分别检查节点可见性、画布图片显示开关,以及当前插槽激活的附件。按 1 可以切换主画布图片显示。

    检查结果能够解释图片不可见究竟是节点隐藏、画布隐藏还是附件切换导致。

  3. 3

    播放检查动画中的遮挡

    如果动画包含绘制顺序关键帧,在不同帧检查顺序。不要只修正第 0 帧就认定整个动画正确。

    检查结果关键动作和循环接缝处都没有明显遮挡错误。