import { _decorator, Component, Node, Sprite, SpriteFrame, Tween, tween, v3 } from 'cc';
const { ccclass, property } = _decorator;

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

    @property(Node)
    iconBg: Node = null;


    @property(Node)
    iconNode: Node = null;

    @property(Sprite)
    iconSpre: Sprite = null;

    id: number = 0;
    resetUI(SpriteFrames: SpriteFrame, ids: number) {
        this.node.setScale(1, 1)
        this.iconSpre.spriteFrame = SpriteFrames
        this.id = ids;
        this.iconNode.active = true
        this.iconBg.active = false
        Tween.stopAllByTarget(this.node)
        tween(this.node)
            .delay(2)
            .to(0.2, { scale: v3(0, 1) })
            .call(() => {
                this.iconBg.active = true
                this.iconNode.active = false
                this.node.setScale(1, 1)
            })
            .start()
    }

    
    ShowUI(SpriteFrames: SpriteFrame ) {
        this.iconSpre.spriteFrame = SpriteFrames 
        this.node.setScale(1, 1)
        this.node.active = true 
        this.iconNode.active = true
        this.iconBg.active = false
        Tween.stopAllByTarget(this.node) 
    }
    showItem(){

        
        this.node.active = true 
        this.iconNode.active = true
        this.iconBg.active = false
        Tween.stopAllByTarget(this.node)
        tween(this.node)
            .to(0.2, { scale: v3(1.2, 1.2) })
            .to(0.1, { scale: v3(1, 1) })
            .start()
    }
}