items.ts 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. import { _decorator, Component, Node, Sprite, SpriteFrame, Tween, tween, v3 } from 'cc';
  2. const { ccclass, property } = _decorator;
  3. @ccclass('items')
  4. export class items extends Component {
  5. @property(Node)
  6. iconBg: Node = null;
  7. @property(Node)
  8. iconNode: Node = null;
  9. @property(Sprite)
  10. iconSpre: Sprite = null;
  11. id: number = 0;
  12. resetUI(SpriteFrames: SpriteFrame, ids: number) {
  13. this.node.setScale(1, 1)
  14. this.iconSpre.spriteFrame = SpriteFrames
  15. this.id = ids;
  16. this.iconNode.active = true
  17. this.iconBg.active = false
  18. Tween.stopAllByTarget(this.node)
  19. tween(this.node)
  20. .delay(2)
  21. .to(0.2, { scale: v3(0, 1) })
  22. .call(() => {
  23. this.iconBg.active = true
  24. this.iconNode.active = false
  25. this.node.setScale(1, 1)
  26. })
  27. .start()
  28. }
  29. ShowUI(SpriteFrames: SpriteFrame ) {
  30. this.iconSpre.spriteFrame = SpriteFrames
  31. this.node.setScale(1, 1)
  32. this.node.active = true
  33. this.iconNode.active = true
  34. this.iconBg.active = false
  35. Tween.stopAllByTarget(this.node)
  36. }
  37. showItem(){
  38. this.node.active = true
  39. this.iconNode.active = true
  40. this.iconBg.active = false
  41. Tween.stopAllByTarget(this.node)
  42. tween(this.node)
  43. .to(0.2, { scale: v3(1.2, 1.2) })
  44. .to(0.1, { scale: v3(1, 1) })
  45. .start()
  46. }
  47. }