Cocos Creator3.5.2使用Spine切换皮肤

前景提要：

        官网文档的换肤流程太简化，对于实际使用来说会有各种各样的问题

流程

        1、首先获取对应的spine组件

伪代码如下：

const spine = this.node.getComponent(sp.Skeleton);

        2、因为spine往往意味着异步加载，换肤时也经常出现频繁异步的情况，所以下一步我们要可以判断当前spine组件里是否已经加载好了spine文件

if (!spine || !spine.skeletonData?.getRuntimeData()) return;

       3、然后获取当前spine中是否有皮肤数据，如果spine连皮肤数据都没有，接着写可能会error，这里的 skins[skin]，是判断皮肤列表中是否有需要更换的皮肤

const skins = spine.skeletonData.getSkinsEnum();
if (!skins) return;
if (!skins[skin]) return;

        4、如果有需要判断当前皮肤是否与需要换的皮肤一致（相同就可不换了，也可以减少一点点性能消耗），那么可以使用如下代码判断：

if (spine._skeleton?.skin?.name === skin) return;

这里的skin自然是外部传入的需要换肤的皮肤名

        5、接下来就是换肤代码了

spine.node.active = false;
spine.enabled = false;
spine.destroyRenderData();
spine.setSkin(skin);
spine.enabled = true;
spine.node.active = true;

换肤前隐藏好需要换肤的节点，避免穿帮；destroyRenderData() 则是销毁已有渲染数据，也就是上一个皮肤数据