CocosCreator学习笔记12

Cocos中button绑定事件的几种方式

1.编辑器中绑定：

在Cocos Creator的编辑器中，可以直接在按钮的组件属性中设置点击事件的回调函数。

在按钮的属性检查器中，找到“Button”组件的“Click Events”属性，

在其中添加你想要绑定的函数。然后，在对应的脚本中实现该函数即可

2.代码中绑定：

可以在脚本中通过代码来绑定按钮的事件。

首先，获取按钮节点的引用，然后使用

buttonComponent.on("click,callback,target")

来绑定点击事件。

其中，buttonComponent是按钮的button组件，callback是你想要绑定的函数，target是函数执行的上下文对象。

示例代码如下：

3.动态回调函数绑定：

可以在运行时动态创建回调函数，并将其绑定到按钮的事件上。

这种方法可用于需要动态改变回调函数的场景。

示例代码如下 :

 在start中

这个获得按钮组件 

绑定按钮事件 

这个是按下按钮后所对应事件里面的内容。

 二、预设体prefab 

预设体（Prefab）是一种可重复使用的节点和组件的集合，可以在场景中多次实例化和使用。

它允许你创建一个模板，并在需要时将其实例化为节点。

 1.创建预设体：

创建一个新的节点，并添加适当的组件、精灵等。

让后将其拖拽到资源管理器的assets文件目录下

会生成一个灰色立方体

2.实例化预设体

const prefabAsset = cc.resources.load('prefab/prefabName', cc.Prefab);

const prefabNode = cc.instantiate(prefabAsset);

在这个例子中，首先使用cc.resources.load 方法加载预设体资源，

其中"prefab/prefabname"  是预设体的路径。

然后，使用 cc.instantiate 方法来实例化预设体，返回一个新的节点。

3.使用预设体

一旦实例化了预设体，就可以像处理任何其他节点一样来处理它。

例如，可以将它添加到场景中的父节点中，设置它的位置、旋转、缩放等

在这个例子中，首先找到场景中的父节点，并实例化了一个预设体。

然后，将实例化的预设体节点添加到父节点中，

并使用 setPositoon 方法来设置预设体在父节点中的位置。

使用预设体的优点

预设体在游戏开发中非常有用，特别是当需要在场景中复用一组相同或相似的节点和组件时。

可以创建一个预设体，并且可以在需要的时候重复实例化它，来减少代码重复和提高开发效率。

三、使用布局组件（Layout）来控制节点位置和大小

1.创建一个父节点，并将label 组件作为其子节点，保持Label 组件在父节点的中间位置

2.给父节点添加布局组件，例如cc.Layout  组件。

3.选择不同的布局模式会有不同的效果，例如：
在布局组件的属性面板中，将布局类型设置为水平布局，并且将垂直方向的布局约束设置为上下拉伸。这样可以保持Label 组件的垂直位置固定。

4.调整水平方向上的布局约束，例如设置左边界和右边界来限制 Label 组件在水平方向上的移动范围。

最终label组件只能在水平方向上移动，不能改变它的y坐标。