Cocos Creator中,实现点击切换图片

在 Cocos Creator 中，实现点击切换图片可以通过以下步骤：

1. 在场景编辑器中将要切换的图片添加到节点上，并设置节点的位置和大小。
2. 将要切换的图片资源添加到 Cocos Creator 的资源管理器中。
3. 在脚本中获取节点并添加点击事件监听器。
4. 在点击事件回调函数中更改节点的 Sprite 组件的 spriteFrame 属性为要切换的图片资源。

下面是一个示例代码：

cc.Class({
    extends: cc.Component,

    properties: {
        spriteNode: cc.Node, // 要切换图片的节点
        spriteFrames: [cc.SpriteFrame], // 存储要切换的图片资源
    },

    onLoad () {
        // 添加点击事件监听器
        let clickEventHandler = new cc.Component.EventHandler();
        clickEventHandler.target = this.node;
        clickEventHandler.component = "脚本名";
        clickEventHandler.handler = "onClick";
        let button = this.node.getComponent(cc.Button);
        button.clickEvents.push(clickEventHandler);
    },

    onClick () {
        // 随机获取一个要切换的图片资源
        let spriteFrameIndex = Math.floor(Math.random() * this.spriteFrames.length);
        let spriteFrame = this.spriteFrames[spriteFrameIndex];
        // 更改节点的 Sprite 组件的 spriteFrame 属性
        let sprite = this.spriteNode.getComponent(cc.Sprite);
        sprite.spriteFrame = spriteFrame;
    },
});

以上代码中，spriteNode 是要切换图片的节点，spriteFrames 是存储要切换的图片资源的数组。在 onLoad 函数中，我们给节点添加了点击事件监听器，并在 onClick 函数中随机获取一个要切换的图片资源并更改节点的 Sprite 组件的 spriteFrame 属性。