button按钮的属性设置_cocos creator 基础一文通(七)--button

一. button按钮组件

1.添加按钮的方法

①. 直接创建button组件

②. 组件上创建button组件

二. button按钮属性

31c539847b887230e208261a1c047b95.png

其中,transition 属性有一下集中模式

  • None : 无
  • COLOR: 颜色变换
  • SPRITE: 精灵贴图变换
  • SCALE: 大小变换

ef1528682f3cbf9c338a5e93c343b121.png

其中:

①. 颜色变换 和 贴图变换类似 都有 按下 悬停 禁用 状态,只不过一个变换颜色一个变换贴图

duration 是变换动画过渡时长

63d9eb17219e2b21d95e57092ce680f3.png

②. 大小变换 只有过渡和大小 两个属性

46fb50d31e9e09d347e042efdd4d343a.png

三. 按钮响应事件

调用时,找: 节点→脚本组件→代码函数

//注意:为大小为0的节点挂载button组件会挂载失败!!!!(小心,空节点挂事件易错)

1.添加响应事件接口

acb574e3fae4da1afcb70f4192c77af6.png

2. 选择节点(响应事件脚本挂载那个节点上就选哪个)

3. 然后就能在节点上找到脚本,在脚本中找到对应的写好的响应函数

85f00202c1eb68da464e324a8defa6e2.png

4. 设置传递信息(字符串) //可能好多按钮调这个响应函数,所以传递一个信息来区别和沟通

1859831f191c76157490c3964812b992.png

5. 程序里接收按钮事件和传递信息

b1daef04760eb860839acdfb6ccab2c6.png

3058e807026e30f4d97d5ee3aebd8a48.png

四. cc.Button类型

46519707e54920bda235443b34b103f0.png

617d58862cda850def6b22a4ba1694e8.png

c3d9ce1a30c971cf5777402b5f75b20e.png

9e9fdc48e696809c1a5d769aa4c93809.png

五. 代码中使用cc.Button

1. 获取button

①.设置进属性面板

8c70dc44f65641bb81f7c0cb2bfa4443.png

②.通过查找子节点,再获取组件

37f1d3d44f375c4dfa6a920d0a383a6f.png

2. 代码添加button组件 再添加响应函数

添加组件addComponent即可

加入响应函数:实际上是往 Button对象的 clickEvents 属性(实际为一个列表,里面元素为Component.EventHandler类型)中添加元素

//添加button组件

3. 代码触发按钮事件

emit触发

this

六. Component.EventHandler 类型

创建该类型实例

7a1736b44b907bd818e9f5c7ed15602d.png

5e154e9bfa2d79852585a7ce03a291cb.png