Cocos3.4.2版本 获取手指滑动到的区域的Label文本并记录文本内容进行判定操作

TypeScript 复制代码
import { _decorator, Component, Event, EventTouch, find, Input, input, Label, Node, Rect, sys, UITransform, Vec2, Vec3 } from 'cc';
import { JsonMgr } from '../Managers/JsonMgr';
import { strings } from '../Struct/GameStruct';
const { ccclass, property } = _decorator;

///用于获取手指滑动区域的文本并记录文本内容
@ccclass('Getstring')
export class Getstring extends Component {   
    label: Label;

    b:boolean=true;
    onLoad() {
        //name为需要找到的物体名称
        let a=Getstring.Search(this.node,"name");
        this.label=a.getComponent(Label);
        //this.label = this.node.getChildByName("name").getComponent(Label);
        input.on(Input.EventType.TOUCH_END, this.onTouchEnd, this);
        input.on(Input.EventType.TOUCH_MOVE, this.onTouchMove, this);
        //this.node.on(Node.EventType.TOUCH_END, this.onTouchEnd, this)
        JsonMgr.getInstance().SetJsonOne(strings.InputTxt,"");  //初始化数据
    }
    start() {

    }

    update(deltaTime: number) {
        //input.on(Input.EventType.TOUCH_START, this.onTouchEnd, this);
    }


    onTouchEnd(event: EventTouch) {     
        this.b=true;      
        //JsonMgr.getInstance().SetJsonOne(strings.InputTxt,"");    //清空数据
        //判断内容
    }

    onTouchMove(event: EventTouch) {
        const touchPos = event.getLocation();
        const localPos = this.node.getComponent(UITransform).convertToNodeSpaceAR(new Vec3(touchPos.x, touchPos.y));
        const size = this.node.getComponent(UITransform).contentSize;
        const rect = new Rect(-size.width / 2, -size.height / 2, size.width, size.height);
        //console.log("位置更新:"+localPos);
        if (rect.contains(new Vec2(localPos.x, localPos.y))) {
            const text = this.label.string;
            if (this.b) {
                // 在这里操作获取到的文本内容                
                JsonMgr.getInstance().SetJsonOne(strings.InputTxt,sys.localStorage.getItem(strings.InputTxt) + text);//字符串连接
                this.b=false;
                let te=sys.localStorage.getItem(strings.InputTxt);  //字符串赋值
                console.log(te);
            }

        }
    }
    //递归获取子物体
    public static Search(targetNode: Node, name: string): Node {
        if (targetNode.name == name) {
            return targetNode;
        }

        for (let i = 0; i < targetNode.children.length; i++) {
            const child = targetNode.children[i];
            let result = this.Search(child, name);
            if (result != null) {
                return result;
            }
        }

        return null;
    }
}

注:可以获取到多个挂载到此脚本的文本内容

例如:每个框都挂载这个脚本时,通过拖动即可获取到其内容

相关推荐
Momo__2 天前
TypeScript NoInfer<T>——精准控制泛型推断的工具类型
前端·typescript
退休倒计时3 天前
【每日一题】LeetCode 146. LRU 缓存 TypeScript
算法·leetcode·缓存·typescript
kyriewen4 天前
TypeScript 高级类型:我用 infer 写了一个类型安全的 EventBus,终于搞懂了泛型约束
前端·javascript·typescript
hai3152475434 天前
九章编程法 · 猜数字游戏 (GW-BASIC 重构版) *
人工智能·microsoft·游戏引擎·游戏程序
心前阳光4 天前
Unity资源导入之自动化资源导入
unity·自动化·游戏引擎
LONGZETECH4 天前
无人机仿真教学软件选型实战:5 个硬核技术维度,避开实训建设踩坑
3d·无人机·交互·cocos2d
心前阳光4 天前
Unity之2021.3.45f2c1发布安卓程序遇到的问题
android·unity·游戏引擎
纪纯4 天前
PicoVR Unity Integration SDK 3.4 常用交互API
unity·游戏引擎·vr·pico
月光刺眼4 天前
Bun + TypeScript 后端入门:从类型约束到 LLM API 调用
后端·typescript
天蓝色的鱼鱼4 天前
Node.js 现在能直接跑 TypeScript 了,tsx 和 ts-node 还需要吗?
前端·typescript·node.js