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();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|