Button(按钮)组件参考

    button-color

    点击 属性检查器 下面的 添加组件 按钮,然后从 UI 组件 中选择 Button,即可添加 Button 组件到节点上。

    注意:当 Transition 为 SPRITE 且 disabledSprite 属性有关联一个 spriteFrame 的时候,此时将忽略 Enable Auto Gray Effect 属性

    Button 的 Transition 用来指定当用户点击 Button 时的状态表现。目前主要有 NONE、COLOR、SPRITE 和 SCALE 四种类型。

    sprite-transition

    Button 可以额外添加 Click 事件,用于响应玩家的点击操作。有以下两种方法。

    通过脚本添加回调有以下两种方式:

    • 通过 button.node.on('click', …) 的方式来添加,这是一种非常简便的方式,但是该方式有一定的局限性,在事件回调里面无法获得当前点击按钮的屏幕坐标点。
    1. // 假设我们在一个组件的 onLoad 方法里面添加事件处理回调,在 callback 函数中进行事件处理:
    2. extends: cc.Component,
    3. properties: {
    4. button: cc.Button
    5. onLoad: function () {
    6. },
    7. callback: function (button) {
    8. // do whatever you want with button
    9. // 另外,注意这种方式注册的事件,也无法传递 customEventData
    10. });