JisolGame/JisolGameCocos/assets/script/ui/Consts/Pet/PetIcon.ts

import { sp } from 'cc';
import { _decorator, Component, Node } from 'cc';
import { app } from '../../../App';
import { UIPetAnim } from '../../../consts/GData';
import { v3 } from 'cc';
import { PlayerPetOV } from '../../../consts/API';
import { Label } from 'cc';
import { PlayerPetEvent } from '../../../data/PlayerPetData';
const { ccclass, property } = _decorator;

@ccclass('PetIcon')
export class PetIcon extends Component {

    @property(sp.Skeleton)
    spine:sp.Skeleton;

    @property(Node)
    starNode:Node;      //星星

    info:PlayerPetOV;

    onLoad(){
        this.reset();

        //监听
        app.event.on(PlayerPetEvent.UPDATE_INFO,this.onUpdateInfo,this)
    }

    protected onDestroy(): void {
        app.event.off(PlayerPetEvent.UPDATE_INFO,this.onUpdateInfo,this)
    }

    //初始化
    reset(){

        this.starNode.active = false;

    }

    //信息更新
    onUpdateInfo(info:PlayerPetOV){
        if(this.info && info.petId == this.info.petId){
            this.onUpdateView(); //刷新页面
        }
    }

    //刷新页面
    onUpdateView(){
        this.spine.skeletonData = app.battleRes.getRoleSpine(this.info.petTbId);
        this.spine.setAnimation(0,UIPetAnim.std,true);

        if(this.info.petStar){
            this.starNode.active = true;
            this.starNode.getComponentInChildren(Label).string = `${this.info.petStar}`;
        }
        
    }

    //设置icon
    set(info:PlayerPetOV){
        this.reset();
        this.info = info;
        this.onUpdateView();
    }
    
}