# cocos2 场景跳转传参

cocos2 场景跳转传参

这是一个什么需求呢,就是我用cocos2.14.2开发了几个场景,其中一个首页,五六个场景,现在从首页点进去需要传递一个参数到其他场景里面进行判断用

分析

这个功能其实不是很难,但是对于没有用过或者写过的人来说确实没思路,现在就简单总结一下我的想法。

方法一

首先一个方法就是使用"常驻组件"。这样的话保证一个组件在系统里面常驻,切换到哪个场景也存在这个组件,可以把参数放到这个组件中保存,就是实现了传参,这个方法算是曲线救国吧,和我印象里面的传参不一样,我不喜欢,就没有用这个方法,当然是可以的哈!

方法二

我是用的是这种方法,就是通过单例模式,存储了一个全局的吧算是,全局的参数对象,跳转的时候把参数存起来,然后在另一个需要接收的场景里面去读取。关键就是在传的时候把数据push进去,需要的场景pull一下,有的话就是有传参,没有的话就是没有传参。

实现

实现的花很简单,首先创建一个全局文件:/SceneDataManager/SceneDataManager.ts

文件里面的内容也很简单:

typescript 复制代码
const { ccclass, property } = cc._decorator;

@ccclass('SceneDataManager')
export class SceneDataManager {
    private static instance: SceneDataManager;
    private params: { [key: string]: any } = {};

    private constructor() { }

    public static getInstance(): SceneDataManager {
        if (!SceneDataManager.instance) {
            SceneDataManager.instance = new SceneDataManager();
        }
        return SceneDataManager.instance;
    }

    // 存储参数
    public setParam(key: string, value: any): void {
        this.params[key] = value;
    }

    // 获取参数
    public getParam(key: string): any {
        return this.params[key];
    }

    // 清除参数
    public clearParam(key: string): void {
        delete this.params[key];
    }
}

使用的话也很简单,比如按照我的需求,在首页:

typescript 复制代码
  // 引用先
  import { SceneDataManager } from '../SceneDataManager/SceneDataManager';

  // 跳转场景传递参数
  chooseSceneFuncWithParams(params) {
    SceneDataManager.getInstance().setParam('sceneParams', { params: params});
    cc.director.loadScene("student");
  }

在接受参数的页面也很简单

typescript 复制代码
  // 先引入
  import { SceneDataManager } from '../SceneDataManager/SceneDataManager';

  // 页面加载回调
  start() {
    const sceneParams = SceneDataManager.getInstance().getParam('sceneParams'); // 获取传递的参数
    if (sceneParams) {
      SceneDataManager.getInstance().clearParam('sceneParams'); // 清空参数
      console.log("接收的参数---> ", sceneParams)
    }
  }

没了,就这些!

相关推荐
驭风少年君5 小时前
《搭建属于自己的网站之网页前端学习》基础入门
前端·学习
刘一说6 小时前
深入理解 Spring Boot 嵌入式 Web 容器:从原理到性能调优
前端·spring boot·firefox
你的人类朋友6 小时前
设计模式的原则有哪些?
前端·后端·设计模式
!执行6 小时前
Web3 前端与合约交互
前端·web3·1024程序员节
潘小安6 小时前
跟着 AI 学(二)- Quill 接入速通
前端
十里-7 小时前
在 Vue2 中为 Element-UI 的 el-dialog 添加拖拽功能
前端·vue.js·ui
shada7 小时前
从Google Chrome商店下载CRX文件
前端·chrome
左耳咚7 小时前
项目开发中从补码到精度丢失的陷阱
前端·javascript·面试
黑云压城After7 小时前
vue2实现图片自定义裁剪功能(uniapp)
java·前端·javascript
芙蓉王真的好17 小时前
NestJS API 提示信息规范:让日志与前端提示保持一致的方法
前端·状态模式