奖励已经双倍奖励
This commit is contained in:
295
assets/script/game/map/ItemInfoComp.ts
Normal file
295
assets/script/game/map/ItemInfoComp.ts
Normal file
@@ -0,0 +1,295 @@
|
||||
import { _decorator, Component, Node, Label, Sprite, resources, SpriteFrame, input, Input, EventTouch, EventMouse, Vec3, Vec2, UITransform, Color } from 'cc';
|
||||
import { Items } from '../common/config/Items';
|
||||
import { QualitySet } from '../common/config/BoxSet';
|
||||
import { oops } from 'db://oops-framework/core/Oops';
|
||||
const { ccclass, property } = _decorator;
|
||||
|
||||
@ccclass('ItemInfoComp')
|
||||
export class ItemInfoComp extends Component {
|
||||
item_uuid: number = 0;
|
||||
item_count: number = 1;
|
||||
|
||||
// 触摸监听相关
|
||||
private touchListener: any = null;
|
||||
private isListening: boolean = false;
|
||||
|
||||
start() {
|
||||
console.log("[ItemInfoComp]:start");
|
||||
}
|
||||
|
||||
onAdded(args: any) {
|
||||
console.log("[ItemInfoComp]:onAdded", args);
|
||||
this.setupTouchListener();
|
||||
this.update_data(args);
|
||||
}
|
||||
|
||||
update(deltaTime: number) {
|
||||
|
||||
}
|
||||
|
||||
onDestroy() {
|
||||
this.removeTouchListener();
|
||||
}
|
||||
|
||||
/**
|
||||
* 设置触摸监听
|
||||
*/
|
||||
private setupTouchListener() {
|
||||
if (this.isListening) return;
|
||||
// 监听触摸开始事件
|
||||
this.touchListener = input.on(Input.EventType.TOUCH_START, this.onTouchStart, this);
|
||||
this.isListening = true;
|
||||
|
||||
console.log("[ItemInfoComp]: Touch listener setup");
|
||||
}
|
||||
|
||||
/**
|
||||
* 移除触摸监听
|
||||
*/
|
||||
private removeTouchListener() {
|
||||
if (this.touchListener && this.isListening) {
|
||||
input.off(Input.EventType.TOUCH_START, this.onTouchStart, this);
|
||||
this.isListening = false;
|
||||
this.touchListener = null;
|
||||
|
||||
console.log("[ItemInfoComp]: Touch listener removed");
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 触摸开始事件处理
|
||||
* @param event 触摸事件
|
||||
*/
|
||||
private onTouchStart(event: EventTouch) {
|
||||
const touchPos = event.getLocation();
|
||||
const nodePos = this.node.getWorldPosition();
|
||||
|
||||
// 检查触摸点是否在弹窗范围内
|
||||
if (!this.isTouchInNodeBounds(touchPos, nodePos)) {
|
||||
console.log("[ItemInfoComp]: Touch outside bounds, closing popup");
|
||||
this.closeItemInfo();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 检查触摸点是否在节点范围内
|
||||
* @param touchPos 触摸点世界坐标
|
||||
* @param nodePos 节点世界坐标
|
||||
* @returns 是否在范围内
|
||||
*/
|
||||
private isTouchInNodeBounds(touchPos: Vec2, nodePos: Vec3): boolean {
|
||||
const nodeSize = this.node.getComponent(UITransform)?.contentSize;
|
||||
if (!nodeSize) return false;
|
||||
|
||||
// 计算节点的边界
|
||||
const halfWidth = nodeSize.width * 0.5;
|
||||
const halfHeight = nodeSize.height * 0.5;
|
||||
|
||||
// 检查触摸点是否在节点范围内
|
||||
const inX = Math.abs(touchPos.x - nodePos.x) <= halfWidth;
|
||||
const inY = Math.abs(touchPos.y - nodePos.y) <= halfHeight;
|
||||
|
||||
return inX && inY;
|
||||
}
|
||||
|
||||
/**
|
||||
* 更新物品数据
|
||||
* @param args 物品参数 {item_uuid: number, count?: number}
|
||||
*/
|
||||
update_data(args: any) {
|
||||
console.log("[ItemInfoComp]:update_data", args);
|
||||
|
||||
if (!args || !args.item_uuid) {
|
||||
console.error("[ItemInfoComp]: Invalid args", args);
|
||||
return;
|
||||
}
|
||||
|
||||
this.item_uuid = args.item_uuid;
|
||||
this.item_count = args.count || 1;
|
||||
|
||||
// 获取物品配置
|
||||
const itemData = Items[this.item_uuid];
|
||||
if (!itemData) {
|
||||
console.error("[ItemInfoComp]: Item not found", this.item_uuid);
|
||||
return;
|
||||
}
|
||||
|
||||
// 设置物品图标
|
||||
this.setItemIcon(itemData.path);
|
||||
|
||||
// 设置品质边框
|
||||
this.setQualityFrame(itemData.quality);
|
||||
|
||||
// 设置品质文字描述
|
||||
this.setQualityText(itemData.quality);
|
||||
|
||||
// 设置数量显示
|
||||
this.setItemCount(this.item_count);
|
||||
|
||||
// 设置物品名称
|
||||
this.setItemName(itemData.name);
|
||||
|
||||
// 设置物品描述
|
||||
this.setItemInfo(itemData.info);
|
||||
}
|
||||
|
||||
/**
|
||||
* 设置物品图标
|
||||
* @param iconPath 图标路径
|
||||
*/
|
||||
private setItemIcon(iconPath: string) {
|
||||
let path=`gui/items/${iconPath}`
|
||||
console.log("[ItemComp]: setItemIcon", path);
|
||||
resources.load(path, SpriteFrame, (err, spriteFrame) => {
|
||||
if (err) {
|
||||
console.error("[ItemComp]: Failed to load item icon", iconPath, err);
|
||||
return;
|
||||
}
|
||||
console.log("[ItemComp]: setItemIcon", iconPath, spriteFrame);
|
||||
this.node.getChildByName("item").getChildByName("icon").getComponent(Sprite)!.spriteFrame = spriteFrame;
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 设置品质边框
|
||||
* @param quality 品质类型
|
||||
*/
|
||||
private setQualityFrame(quality: QualitySet) {
|
||||
// 隐藏所有品质边框
|
||||
this.hideAllQualityFrames();
|
||||
|
||||
// 根据品质显示对应边框
|
||||
switch (quality) {
|
||||
case QualitySet.GREEN:
|
||||
this.node.getChildByName("item").getChildByName("q1").active = true;
|
||||
break;
|
||||
case QualitySet.BLUE:
|
||||
this.node.getChildByName("item").getChildByName("q2").active = true;
|
||||
break;
|
||||
case QualitySet.PURPLE:
|
||||
this.node.getChildByName("item").getChildByName("q3").active = true;
|
||||
break;
|
||||
case QualitySet.ORANGE:
|
||||
this.node.getChildByName("item").getChildByName("q4").active = true;
|
||||
break;
|
||||
default:
|
||||
// 默认使用绿色边框
|
||||
this.node.getChildByName("item").getChildByName("q").active = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 隐藏所有品质边框
|
||||
*/
|
||||
private hideAllQualityFrames() {
|
||||
this.node.getChildByName("item").getChildByName("q").active = false;
|
||||
this.node.getChildByName("item").getChildByName("q1").active = false;
|
||||
this.node.getChildByName("item").getChildByName("q2").active = false;
|
||||
this.node.getChildByName("item").getChildByName("q3").active = false;
|
||||
this.node.getChildByName("item").getChildByName("q4").active = false;
|
||||
}
|
||||
|
||||
/**
|
||||
* 设置物品数量
|
||||
* @param count 数量
|
||||
*/
|
||||
private setItemCount(count: number) {
|
||||
if (count > 1) {
|
||||
this.node.getChildByName("item").getChildByName("num").getComponent(Label)!.string = count.toString();
|
||||
this.node.getChildByName("item").getChildByName("num").active = true;
|
||||
} else {
|
||||
this.node.getChildByName("item").getChildByName("num").active = false;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 设置物品名称
|
||||
* @param name 物品名称
|
||||
*/
|
||||
private setItemName(name: string) {
|
||||
this.node.getChildByName("name").getComponent(Label)!.string = name;
|
||||
}
|
||||
|
||||
/**
|
||||
* 设置物品描述
|
||||
* @param info 物品描述
|
||||
*/
|
||||
private setItemInfo(info: string) {
|
||||
this.node.getChildByName("info").getComponent(Label)!.string = info;
|
||||
}
|
||||
|
||||
/**
|
||||
* 设置品质文字描述
|
||||
* @param quality 品质类型
|
||||
*/
|
||||
private setQualityText(quality: QualitySet) {
|
||||
|
||||
switch (quality) {
|
||||
case QualitySet.GREEN:
|
||||
this.node.getChildByName("quality").getChildByName("Label").getComponent(Label)!.string = "优秀";
|
||||
this.node.getChildByName("quality").getChildByName("Label").getComponent(Label)!.color = new Color(76, 175, 80, 255); // 现代绿色
|
||||
break;
|
||||
case QualitySet.BLUE:
|
||||
this.node.getChildByName("quality").getChildByName("Label").getComponent(Label)!.string = "精良";
|
||||
this.node.getChildByName("quality").getChildByName("Label").getComponent(Label)!.color = new Color(33, 150, 243, 255); // 现代蓝色
|
||||
break;
|
||||
case QualitySet.PURPLE:
|
||||
this.node.getChildByName("quality").getChildByName("Label").getComponent(Label)!.string = "史诗";
|
||||
this.node.getChildByName("quality").getChildByName("Label").getComponent(Label)!.color = new Color(156, 39, 176, 255); // 现代紫色
|
||||
break;
|
||||
case QualitySet.ORANGE:
|
||||
this.node.getChildByName("quality").getChildByName("Label").getComponent(Label)!.string = "传说";
|
||||
this.node.getChildByName("quality").getChildByName("Label").getComponent(Label)!.color = new Color(255, 87, 34, 255); // 现代橙色
|
||||
break;
|
||||
default:
|
||||
this.node.getChildByName("quality").getChildByName("Label").getComponent(Label)!.string = "普通";
|
||||
this.node.getChildByName("quality").getChildByName("Label").getComponent(Label)!.color = new Color(158, 158, 158, 255); // 现代灰色
|
||||
break;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取物品UUID
|
||||
*/
|
||||
getItemUUID(): number {
|
||||
return this.item_uuid;
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取物品数量
|
||||
*/
|
||||
getItemCount(): number {
|
||||
return this.item_count;
|
||||
}
|
||||
|
||||
/**
|
||||
* 关闭物品信息弹窗
|
||||
*/
|
||||
closeItemInfo() {
|
||||
console.log("[ItemInfoComp]: Close item info");
|
||||
this.removeTouchListener();
|
||||
oops.gui.removeByNode(this.node)
|
||||
}
|
||||
|
||||
/**
|
||||
* 使用物品
|
||||
*/
|
||||
useItem() {
|
||||
console.log("[ItemInfoComp]: Use item", this.item_uuid);
|
||||
// 这里可以添加使用物品的逻辑
|
||||
// 比如消耗物品、触发效果等
|
||||
}
|
||||
|
||||
/**
|
||||
* 丢弃物品
|
||||
*/
|
||||
dropItem() {
|
||||
console.log("[ItemInfoComp]: Drop item", this.item_uuid);
|
||||
// 这里可以添加丢弃物品的逻辑
|
||||
// 比如从背包中移除、显示确认对话框等
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user