cocos实现按钮多种状态监听

最新推荐文章于 2025-03-08 15:29:13 发布

原创最新推荐文章于 2025-03-08 15:29:13 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了如何在Cocos引擎中实现按钮的多种状态监听，重点在于理解只有当`onTouchBegan`方法返回true时，才会触发后续的`onTouchMoved`和`onTouchEnded`触摸事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 var listener=cc.EventListener.create({
            event:cc.EventListener.TOUCH_ONE_BY_ONE,
            swallowTouches:true,
            onTouchBegan:function(touch,event){
                if(that.reachTarget)return false; //到达位置后不能移动
                var target=event.getCurrentTarget();
                var locationInNode=target.convertToNodeSpace(touch.getLocation());
                var s=target.getContentSize();
                var rect=cc.rect(0,0, s.width, s.height);
                if(cc.rectContainsPoint(rect,locationInNode)){
                    target.setZOrder(10);
                    return true;
                }
                return false;
            },
            onTouchMoved:function(touch,event){
                var target=event.getCurrentTarget();
                var delta=touch.getDelta();
                target.x+=delta.x;
                target.y+=delta.y;
            },
            onTouchEnded:function(touch,event) {
                var target = event.getCurrentTarget();
                if (cc.pDistance(target.getPosition(), that._targetPoint) < 50) {
                    target.setPosition(that._targetPoint);
                    that.reachTarget = true;
                    that._callHandler();
                }

            }

onTouchBegan

只有当onTouchBegan的返回值是true时才执行后面的两个触摸事件

onTouchMoved

按钮的移动事件，当按钮移动时，就执行里面的方法

onTouchEnded

<span style="font-family: Consolas, 'Courier New', Courier, mono, serif; line-height: 18px;">触摸事件结束，也就是手指松开时  ，执行该方法</span>