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

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

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

相关推荐
天人合一peng1 小时前
unity 通过代码修改button及其名字字体的属性
unity·游戏引擎
GLDbalala5 小时前
Unity基于自定义管线实现经典经验光照模型
unity·游戏引擎
AAA阿giao7 小时前
从零拆解一个 React + TypeScript 的 TodoList:模块化、数据流与工程实践
前端·react.js·ui·typescript·前端框架
心疼你的一切7 小时前
Unity异步编程神器:Unitask库深度解析(功能+实战案例+API全指南)
深度学习·unity·c#·游戏引擎·unitask
hedley(●'◡'●)8 小时前
基于cesium和vue的大疆司空模仿程序
前端·javascript·vue.js·python·typescript·无人机
百锦再8 小时前
Vue高阶知识:利用 defineModel 特性开发搜索组件组合
前端·vue.js·学习·flutter·typescript·前端框架
呆呆敲代码的小Y9 小时前
【Unity 实用工具篇】 | Book Page Curl 快速实现翻书效果
游戏·unity·游戏引擎·u3d·免费游戏·翻书插件
小杨同学呀呀呀呀9 小时前
Ant Design Vue <a-timeline>时间轴组件失效解决方案
前端·javascript·vue.js·typescript·anti-design-vue
VT.馒头20 小时前
【力扣】2721. 并行执行异步函数
前端·javascript·算法·leetcode·typescript
guangzan1 天前
为博客园注入现代 UI 体验:shadcn 皮肤上线
typescript·tailwindcss·shadcn ui·tona