Cocos Creator 中使用装饰器进行自动绑定

最新推荐文章于 2024-11-19 19:52:38 发布
最新推荐文章于 2024-11-19 19:52:38 发布
阅读量565 收藏 4
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_45686592/article/details/134098660
版权

推荐一个偷懒的方式，使用装饰器自动绑定节点到脚本的属性

背景

用 Cocos Creator 写脚本组件的时候，有时需要场景中一个节点作为这个脚本的属性值。

按照官方文档推荐的方法，需要以下两步

  1. 添加一个 @property 属性，

  2. 在场景中拖入这个节点。

7a54b8c149dc996566224ceea77e29ef.png

为了省去场景中的拖拽，也有这样写法

  1. 添加属性

  2. getChildByName

11e83b4a5644cb0487803ded291ecec3.png

当属性多了，就要写一排相似的代码

b39b7d711d3fe530e986ab89cfa6b25c.png

使用

环境

Cocos Creator 3.8.1

只是为了偷懒

从上面的背景来看，相似的代码可以用装饰器去简化

  1. 添加一个 @child 属

最低0.47元/天 解锁文章
Cocos Creator引擎开发：UI组件开发_UI组件与数据绑定
chenlz2007的博客
11-02 1016
首先，我们需要定义一个ViewModel类，该类中包含我们需要绑定的数据模型。@property({ type: String, tooltip: '玩家名字' })player_name: string = '默认玩家';@property({ type: Number, tooltip: '玩家分数' })// 触发数据更新的方法首先，我们需要定义一个可观察对象，该对象中的数据可以被观察者监听。
Cocos Creator引擎开发：UI组件开发_CocosCreatorUI编辑器的高级用法
chenlz2007的博客
10-26 1032
Cocos Creator允许你通过继承和扩展现有的UI组件来创建自定义的UI组件。这不仅可以提高代码的复用性，还能让你的游戏界面更加独特和功能丰富。要创建一个自定义UI组件，首先需要创建一个新的节点，并为其添加一个自定义的脚本。这个脚本将继承自，并可以在其中添加自定义的属性和方法。假设我们需要创建一个自定义按钮组件，该按钮在点击时可以改变背景颜色和文字内容。cc.Class({// 按钮的背景颜色// 按钮的文字label: {},// 按钮的初始文字内容},// 按钮点击后的文字内容。
Cocos Creator 编辑器的数据绑定详解
Thomas_YXQ的博客
05-21 695
Cocos Creator 是一款由 Cocos 平台推出的游戏开发工具，它集成了图形化编辑器、脚本引擎和资源管理器等功能，方便开发者快速地创建游戏。其中，数据绑定是 Cocos Creator 编辑器中非常重要的一个功能，它可以帮助开发者实现页面元素与数据模型之间的双向绑定，使得数据的变化能够自动反映在页面上，极大地提高了开发效率。对惹，这里有一个游戏开发交流小组，大家可以点击进来一起交流一下开发经验呀！数据绑定的原理是通过监听数据模型的变化，一旦数据发生变化，就会自动更新页面上与之绑定的元素。
cocoscreator2.4 jsb自动绑定
springleaf2的专栏
01-25 4259
1：本文的基础是建立在官方的文档上的，官方文档https://docs.cocos.com/creator/2.4/manual/zh/advanced-topics/jsb-auto-binding.html，由于官方也是引用别人的文档连接，所以文档里有些东西是creator旧版本的，但基本思路是一致的，下面的主要是围绕不同的做说明 2： ...
Cocos Creator 特效包.zip
12-28
- 使用Cocos Creator中的`plist`文件，这是一种XML格式，存储粒子系统的配置信息，如粒子的生命周期、颜色变化、发射模式等，通过粒子编辑器进行设计。 - `json`文件用于序列化数据，便于程序读取和操作，如场景、...
cocosCreator圣诞节多种动画效果粒子特效Demo.zip
11-29
`creator.d.ts`提供了cocosCreator的类型定义，有利于进行TypeScript开发，增强代码的可读性和安全性。 通过这个Demo，开发者不仅可以学习到cocosCreator的各种核心特性，还可以了解到如何将这些特性应用到实际的...
Cocos Creator引擎开发：物理引擎使用_碰撞体组件详解
最新发布
chenlz2007的博客
11-19 1226
Cocos Creator的物理引擎支持多种碰撞体组件，每种组件都有其特定的用途和属性。（盒形碰撞体）（圆形碰撞体）（多边形碰撞体）（边缘碰撞体）（链形碰撞体）这些碰撞体组件可以添加到物理刚体组件（Rigidbody）上，用于定义物体的物理边界和形状。通过合理设置碰撞体组件，可以实现游戏中各种复杂的物理交互效果。Size：定义碰撞体的大小。对于2D物体，Size是一个二维向量（Vector2），对于3D物体，Size是一个三维向量（Vector3）。Offset：定义碰撞体相对于节点的位置偏移。
Cocos Creator 3.x右键菜单创建脚本绑定以及属性绑定
u014315911的博客
07-28 1041
cocos creator插件
用23种设计模式打造一个cocos creator的游戏框架----(四)装饰器模式
aixh1985的博客
12-05 2557
尽管ECS模式和装饰器模式都允许动态改变对象的行为，但它们的实现方式和目标是不同的。而在装饰器模式中，对象的基本行为是由其类定义的，装饰器只是添加或修改这些行为。此外，ECS模式中的实体并不需要实现与其组件一致的接口，这是它与装饰器模式的另一个主要区别。它通过将对象封装在装饰器对象中来实现这一点，装饰器对象实现了与原对象相同的接口，并在调用原对象的方法之前或之后添加新的行为。：这是所有装饰器类的基类，它定义了一个与抽象组件接口一致的接口，这样它就可以装饰所有的具体组件。：这是抽象组件的具体实现。
设计模式之装饰器模式
wjavadog的博客
10-27 480
装饰器模式 Java 的 IO 中就使用了装饰器模式进行设计。 职责 动态的为一个对象增加新的功能 装饰模式是一种用于代替继承的技术。无需通过继承增加子类就能扩展对象的新功能。使用对象的关联关系代替继承关系，更加灵活，同时避免类型体系的快速膨胀。 实现细节 装饰者和被装饰者拥有相同的接口。 角色 作用 组件接口 是装饰者和被装饰者的父类或者是接口。定义了被装饰者的核心功...
《CocosCreator 内置vscode编辑器插件》功能: 批量绑定组件
qq_17209641的博客
11-01 398
功能说明: 鼠标选取好节点时按快捷键[G]打开组件界面，完成后绑定组件到节点 效果示例:
cocos creator 如何绑定参数到编辑器
爱编程的鱼的博客
01-06 1028
这些属性最终在构造组件实例的时候，都会被添加到组件实例的object里面，所以在代码里面访问属性，this(当前组件实例).xxxx属性就可以访问得到。type: 组件类型(cc.Sprite, cc.Label, cc.Node, cc.Prefab等)很多cocos creator同学不知道如何绑定组件属性到编辑器上，今天我们来教大家如何绑定。方法1: 将属性定义成_(下划线)开头的名字;这个非常简单，模板是属性名字: 默认的值;方法2: game_over: {1: 基本数据属性绑定到编辑器。
[CocosCreator]TS装饰器妙用
黑ｌ①√Σ月
04-26 1265
CocosCreator装饰器
CocosCreator学习笔记15
2301_79022588的博客
08-25 434
当我们使用 @propertyDecorator 标记 Myclass 类中的 propertyName 属性时，装饰器函数propertyDecorator 将被调用，并将 Myclass 类的原型和属性名称作为参数传递给它。@parameterDecorator 将 parameterDecorator 参数装饰器应用到了Myclass类中的 methodName方法的 parameter参数上。target ，表示装饰器被应用到的类的原型（或静态类本身，如果装饰器被应用到静态方法上);
cocoscreator与nodejs网络基础通信(三)
wdpyx762的专栏
11-26 555
这一章讲解cocoscreator与nodejs整合protobuf。 protobuf是一种语言无关、平台无关、可扩展的序列化结构数据的方法，它可用于（数据）通信协议、数据存储等。 protobuf是一种灵活，高效，自动化机制的结构数据序列化方法－可类比 XML，但是比 XML 更小（3 ~ 10倍）、更快（20 ~ 100倍）、更为简单。 其实我觉得没有特殊的情况，cocoscreato...
CocosCreator之属性装饰器
神兽白泽
09-30 2101
@property属性装饰器。可通过编辑器对脚本属性做调整。 下方是常用类型的列举： const { ccclass, property } = cc._decorator; export enum xxxx { aaa, xxx } /** * 属性装饰器测试 * @author 神兽白泽 */ @ccclass export default class PropertyTest extends cc.Component { //节点 @property({ type: cc.
Cocos Creator3.x 必备技能-装饰器
carlos13207的博客
02-28 1914
前言 最近菜鸟在开发中使用到了Cocos Creator的装饰器，菜鸟周末花了点时间大概整理了一下，长话短说，直接见正文。 正文 1.TypeScript装饰器 首先咱们来了解一下TypeScript对装饰器的解释：在一些场景下我们需要额外的特性来支持标注或修改类及其成员。 装饰器（Decorators）为我们在类的声明及成员上通过元编程语法添加标注提供了一种方式。「从上边的解释中 我们可以提取到几个关键点：」 作用：标注或修改类及其成员 作用目标：类及其成员（类，方法， 访问符，属
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值