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

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

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

相关推荐
tedcloud1231 天前
wifi-densepose部署教程:构建无线人体感知系统
服务器·javascript·网络·typescript·ocr
奇奇怪怪的问题1 天前
学习ts笔记(二):属性修饰符,泛型,接口
前端·typescript
游乐码1 天前
Unity基础(六)小案例
游戏·unity·游戏引擎
阿正的梦工坊1 天前
【Typescript】04-数组元组枚举与字面量类型
javascript·ubuntu·typescript
狼丶宇先森1 天前
vue-sign-canvas v2 重构复盘:从 Vue 2 签名板到 Vue 3 + TypeScript 组件库
前端·vue.js·重构·typescript·开源软件·canvas
muddjsv1 天前
前端开发语言使用流行度排行与分析
前端·javascript·typescript
Joy T1 天前
【Web3】Hardhat工程架构中Solidity与TypeChain的协作机制
git·架构·typescript·web3·智能合约·hardhat·typechain
烛阴2 天前
Cocos Creator 3.x 装饰器实战:让你的代码优雅 10 倍
typescript·cocos creator
吃西瓜的年年2 天前
TypeScript
javascript·ubuntu·typescript
Restart-AHTCM2 天前
AI时代大前端Agent开发LangChain.js
typescript·langchain·memory·rag·tools