cocos2dx 3.3 cocos studio的交互性问题

最新推荐文章于 2022-12-14 19:36:20 发布

原创最新推荐文章于 2022-12-14 19:36:20 发布 · 6k 阅读

0 ·

CC 4.0 BY-SA版权

Cocos2d-x/js/lua 同时被 2 个专栏收录

45 篇文章

订阅专栏

Cocos2d-x源码分析

13 篇文章

订阅专栏

本文探讨了cocos2dx 3.3中cocos studio的交互性问题，解释了"交互性"选项含义，即控件是否支持触摸操作。通过查看源码，了解到当勾选交互性后，控件会默认吞噬触摸事件，如果触摸在区域内则处理，否则不处理。点击事件在手指抬起时触发。总结指出，为了处理触摸和点击事件，需要设置控件的交互性为开启，并可以通过代码设置控件不吞噬触摸事件。

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

最近在使用cocos studio的时候，发现里面有个选项：交互性，一直没有很明白具体是啥意思。通常这种时候，看源码就对了。

交互性

新建了个cocos studio工程，然后在上面加了个控件，做测试。

勾选交互性的时候，对应的ccs文件里，会多一个属性 TouchEnable="True"

于是，第一步就完成了，这个交互性，应该就是指控件是否支持触摸操作。

源码

知道了交互性的意义之后，就是看实现了。

找到源码，cocos-->ui-->UIWidget-->Widget类-->setTouchEnable

void Widget::setTouchEnabled(bool enable)
{
    if (enable == _touchEnabled)
    {
        return;
    }
    _touchEnabled = enable;
    if (_touchEnabled)
    {
        _touchListener = EventListenerTouchOneByOne::create();
        CC_SAFE_RETAIN(_touchListener);
	// 默认吞噬触摸，可以调用setSwallowTouches接口取消吞噬
        _touchListener->setSwallowTouches(true);
	// 触摸事件处理
        _touchListener->onTouchBegan = CC_CALLBACK_2(Widget::onTouchBegan, this);
        _touchListener->onTouchMoved = CC_CALLBACK_2(Widget::onTouchMoved, this);
        _touchListener->onTouchEnded = CC_CALLBACK_2(Widget::onTouchEnded, this);
        _touchListener->onTouchCancelled = CC_CALLBACK_2(Widget::onTouchCancelled, this);
        _eventDispatcher->addEventListenerWithSceneGraphPriority(_touchListener, this);
    }
    else
    {
        _eventDispatcher->removeEventListener(_touchListener);
        CC_SAFE_RELEASE_NULL(_touchListener);
    }
}

然后看onTouchBegan

bool Widget::onTouchBegan(Touch *touch, Event *unusedEvent)
{
    _hitted = false;
    if (isVisible() && isEnabled() && isAncestorsEnabled() && isAncestorsVisible(this) )
    {
        _touchBeganPosition = touch->getLocation();
        if(hitTest(_touchBeganPosition) && isClippingParentContainsPoint(_touchBeganPosition))
        {
            _hitted = true;
        }
    }
    if (!_hitted)
    {
        return false;	// 点击不在区域内，返回false，后续处理也不管
    }
    setHighlighted(true);
    
    if (_propagateTouchEvents)
    {
        this->propagateTouchEvent(TouchEventType::BEGAN, this, touch);
    }
  
    pushDownEvent();
    return true;	// 点击在区域内，返回true，后续处理
}

再看releaseUpEvent

void Widget::releaseUpEvent()
{
    this->retain();
    if (_touchEventCallback)
    {
        _touchEventCallback(this, TouchEventType::ENDED);	// 触摸事件
    }
    
    if (_touchEventListener && _touchEventSelector)
    {
        (_touchEventListener->*_touchEventSelector)(this,TOUCH_EVENT_ENDED);
    }
    
    if (_clickEventListener) {
        _clickEventListener(this);	// click事件
    }
    this->release();
}

小结一下：

交互性勾选是，默认吞噬触摸，如果点击在控件区域内，则处理后续事件，在区域外，则不处理。

click事件在up时触发。