31、红点制作

红点的制作的原理：

　　1、节点树结构

　　2、通过表控制红点，表中的父节点字段会指向根节点的id字段。

　　3、通过事件通知节点树上的红点变化。

 　   4、组件化的方法控制红点的添加与监听

使用：

使用表中配置的数据进行红点制作：

　　1、节点绑定组件

　　　这个枚举id跟表中的id是对应的。

　　　　

 

 　　　　代码：

　　　　

    private redDot(): void {
        let ts = this.get("btnEnter")?.getComponent(RedPointComp) || this.get("btnEnter")?.addComponent(RedPointComp);
        ts!.dotId = RedId.fabao;
        // smc.redDot.updateRedPointCnt(2, 45);
    }

　　2、更新某个节点的数据。

　　

 

 

   smc.redDot.updateRedPointCnt(RedId.youlione, data.drawCount);

　　这里的节点id是跟上面的枚举id对应的。

自定义节点制作红点（但是需要表中的节点做为支撑，需要表中的节点做为父节点）

　　　　

　　

 

 　　代码：

　　

　　　　　　　　if (table[id].type == 1) {
                smc.redDot.handCreateNode(`${id}_${RedId.benming}`, RedId.benming, hand >= need ? 1 : 0);
            }
            else {
                smc.redDot.handCreateNode(`${id}_${RedId.tianfu}`, RedId.tianfu, hand >= need ? 1 : 0);
            }

　　这里是动态创建树节点。