67 lines
2.3 KiB
TypeScript
67 lines
2.3 KiB
TypeScript
import { _decorator, Component, Node, tween, Vec3, UITransform, log } from 'cc';
|
||
const { ccclass, property } = _decorator;
|
||
|
||
@ccclass('PopupEffect')
|
||
export class PopupEffect extends Component {
|
||
|
||
@property
|
||
public popupDuration: number = 0.5; // 弹出动画的持续时间
|
||
|
||
@property
|
||
public targetHeight: number = 300; // 弹出目标的高度（终点位置的Y坐标）
|
||
|
||
private initialPosition: Vec3 | null = null; // 初始位置 (隐藏状态)
|
||
|
||
public hiddenPositionY: any;
|
||
|
||
|
||
awake() {
|
||
// this.hiddenPositionY = this.node.position.y;
|
||
// log('高度:', this.hiddenPositionY);
|
||
}
|
||
|
||
start() {
|
||
// 获取UITransform组件来确定节点和父节点的尺寸
|
||
const uiTransform = this.node.getComponent(UITransform);
|
||
const parentTransform = this.node.parent?.getComponent(UITransform);
|
||
|
||
if (uiTransform && parentTransform) {
|
||
// 计算隐藏状态的位置（屏幕底部外）
|
||
//const hiddenPositionY = -parentTransform.height / 2 - uiTransform.height / 2;
|
||
this.hiddenPositionY = this.node.position.y;
|
||
|
||
this.initialPosition = new Vec3(this.node.position.x, this.hiddenPositionY, this.node.position.z); // 记录初始隐藏位置
|
||
|
||
// 设置初始位置为隐藏状态
|
||
this.node.setPosition(this.initialPosition);
|
||
|
||
// 调用弹出效果
|
||
//this.showPopup();
|
||
}
|
||
}
|
||
|
||
// 弹出效果：从底部平滑移动到指定高度
|
||
public showPopup() {
|
||
log('目标高度:', this.targetHeight);
|
||
|
||
if (this.initialPosition) {
|
||
// 使用tween动画，从隐藏状态移动到目标高度
|
||
tween(this.node)
|
||
.to(this.popupDuration, { position: new Vec3(this.initialPosition.x, this.targetHeight, this.initialPosition.z) })
|
||
.start();
|
||
}
|
||
}
|
||
|
||
// 恢复到初始隐藏位置
|
||
public hidePopup() {
|
||
log('隐藏位置:', this.initialPosition);
|
||
if (this.initialPosition) {
|
||
// 使用tween动画，将节点移回到初始隐藏位置
|
||
log('隐藏位置:', this.hiddenPositionY);
|
||
tween(this.node)
|
||
.to(this.popupDuration, { position: this.initialPosition })
|
||
.start();
|
||
}
|
||
}
|
||
}
|