同一场景中不同节点中传值(cocosCreator)

demo.png

🍎这里,我要的效果是点击评论按钮,弹出下面的评论内容节点,然后选择其中一个评论,评论区会新增我选中的这条评论.对于朋友圈内容和回复(CircleTemple.js)做成了预制模板,并通过约束对内容的改变高度进行的相应的改变.弹出评论选择的节点是绑定的RepleyScript.js.
🍎首先,对CircleTemple.js处理

onCommentHandle:function(){
        var _this = this; //防止this改变
        var replyLayer = cc.find("Reply").getComponent("ReplyScript");
        replyLayer.passValue({layer:_this,id:this.id});
    }, //这里将自己和点击的哪个id传过去

在RepleyScript.js中

 properties: {
        reply: cc.Node,  //这是放置三条评论的节点
        label1: cc.Label,
        label2:cc.Label,
        label3:cc.Label,
        content:cc.Node,
        content:cc.Node,
        fatherLayer:{
            default: null,
            visible: false,
        }
    },
 onLoad: function () {
        this.height = this.reply.height;
        this.myData = [{
                "coments_id": 1,
                "name":"全宇宙最帅的人",
                "type": 1, //1代表评论
                "contents":"我有一只小毛驴,我从来也不骑,有一天我心血来潮带他去赶集",
            },{
                "coments_id": 2,
                "name":"全宇宙最帅的人",
                "type": 1, //1代表评论
                "contents":"啊哈哈哈哈哈哈哈",
            },{
                "coments_id": 3,
                "name":"全宇宙最帅的人",
                "type": 1, //1代表评论
                "contents":"咿咿呀呀噫噫噫",
            }
            ];
            this.label1.string = this.myData[0].contents;
            this.label2.string = this.myData[1].contents;
            this.label3.string = this.myData[2].contents;
    },
passValue:function(param){
        this.fatherLayer = param.layer;
        var actionBy = cc.moveTo(1.0, cc.p(660,this.height/2-20));
        this.reply.runAction(actionBy); //这里是弹出动画
    },
onBtnClick:function(btn){
        var height = this.height -10;
        var LocationY = btn.getLocationY();
        var num = 0;
        if(LocationY<(height)&&LocationY>(2/3*height)){
            console.log("第一个按钮");
            num = 1;
        }
        if(LocationY<(2/3*height)&&LocationY>(1/3*height)){
            console.log("第二个按钮");
            num = 2;
        }
        if(LocationY<(1/3*height)&&LocationY>0){
            console.log("第san个按钮");
            num = 3;
        } 
        var actionBy = cc.moveTo(1.0, cc.p(660,-this.height/2));
        this.reply.runAction(actionBy);
        var data = [];
        data.push(this.myData[num-1]);
        this.fatherLayer.addPassComments(data);
      //这里我们将返回的data传值给CircleTemple.js,直接用fatherLayer调用方法
    },

🍎我们再回到CircleTemple.js中

addPassComments:function(data){
     var _this = this;
     _this.commentBj.getComponent('CommentLists').addComments(data); 
     //这里是我将评论区里的每一行的label做成了预制,然后评论有多少就创建多少,通过这个方法,会新增一条评论,将选择的内容展示出来
    }

这个方法适用于同场景中切换节点后对切换前后节点状态,以及值的改变进行传递.

以上😝.

同一场景中不同节点中传值(cocosCreator)

推荐阅读更多精彩内容