开发者社区> 技术mix呢> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Cocos2dx Widget button透明区域过滤

简介:
+关注继续查看

小伟哥 遇到一个命题:

button透明区域过滤。当点击一个建筑button、花的时候不得不想一些方法把点击透明区域过滤掉。

让点击也没有效果滴啦。

開始搜索了半天才有所思路。

在网络上非常多贴代码的。

http://blog.csdn.net/lwuit/article/details/40658347

整理后代码例如以下:

bool CCMenu::CheckAlphaPoint(CCMenuItem* pChild, const CCPoint& point)
{
    CCSize winSize = CCDirector::sharedDirector()->getWinSize();
    CCNode* selectSprite = ((CCMenuItemSprite*)pChild)->getSelectedImage();
    
    CCRenderTexture *renderer = CCRenderTexture::create(winSize.width, winSize.height);
    renderer->begin();
    
    bool visible = selectSprite->isVisible();
    if (visible) {
        selectSprite->visit();
    }
    else
    {
        selectSprite->setVisible(true);
        selectSprite->visit();
        selectSprite->setVisible(false);
    }
    
    GLubyte pixelColors[4];
    
#if ( CC_TARGET_PLATFORM != CC_PLATFORM_WIN32)
    glReadPixels(point.x, point.y, 1, 1, GL_RGBA, GL_UNSIGNED_BYTE, &pixelColors[0]);
#else
    glReadPixels(point.x, point.y, 1, 1, GL_ALPHA, GL_UNSIGNED_BYTE, &pixelColors[0]);
#endif
    
    int alpha = pixelColors[0];
    CCLOG("----alpha %d", alpha);
    
    renderer->end();
    
    if (alpha <= 30)
    {
       return true;
    }
    else
    {
        return false;
    }
    
}

上面代码的确在測试project上面直接简历个ccsprite 活着 menuitem 是能够运行的。


随着UI工具的进步。我们选择了CocoStudio 的 Widget 。方便了你我啊。

可是可可是,把上面的代码贴过来,试了试真心不能用啊。


有些同志,到此放弃了对知识原理的探究。 

程序就是苦啊。遇到这种问题必须往下研究不是? 

经过了多重推敲与图纸猜測。

后来发现了出现故障的根本原因:

CCRenderTexture *renderer 渲染后不能得到位置上面的颜色值 为0 00000为什么为0 
visit()好不好使?各种疑惑

bool Widget::onTouchBegan(CCTouch *touch, CCEvent *unused_event)
{
    _touchStartPos = touch->getLocation();
    _hitted = isEnabled()
            & isTouchEnabled()
            & hitTest(_touchStartPos)
    & clippingParentAreaContainPoint(_touchStartPos);
    
    if (!_hitted)
    {
        return false;
    }
    
    // add yww alpha check
    if (!AlphaTouchCheck(_touchStartPos))
    {
        return false;
    }
    
    setFocused(true);
    Widget* widgetParent = getWidgetParent();
    if (widgetParent)
    {
        widgetParent->checkChildInfo(0,this,_touchStartPos);
    }
    pushDownEvent();
    return !_touchPassedEnabled;
}

上面是按键检測的逻辑。


以下是改动过的代码。原理非常easy  在widget 里面ccnode节点 节点位置 相对父节点是0. 所以在visit的时候 位置就从0。0 開始了。

我们矫正下改渲染节点的位置。转成屏幕坐标 然后在依据touch 坐标获取当前点击像素的 透明值。


// yww get alpha touch event check
bool Button::AlphaTouchCheck(const CCPoint &point)
{
    bool isTouchClaimed = false;
    
    if (getAlphaTouchEnable())
    {
            // check claimed touch arena
            CCSize winSize = CCDirector::sharedDirector()->getWinSize();
            CCSprite* selectSprite = (CCSprite*)getVirtualRenderer();
            CCPoint cutPos = selectSprite->getPosition();
            // CCLOG("getAlphaTouchEnable selectSprite X %f, Y %f", cutPos.x, cutPos.y);
        
            // get screen point
            CCPoint wordpx = selectSprite->getParent()->convertToWorldSpace(cutPos);
            // CCLOG("getAlphaTouchEnable convertToWorldSpace X %f, Y %f", wordpx.x, wordpx.y);
        
            selectSprite->setPosition(wordpx);
        
            CCRenderTexture *renderer = CCRenderTexture::create(winSize.width, winSize.height);
            //selectSprite->addChild(renderer);
        
            renderer->begin();
        
            bool visible = selectSprite->isVisible();
            if (visible)
            {
                selectSprite->visit();
            }
            else
            {
                selectSprite->setVisible(true);
                selectSprite->visit();
                selectSprite->setVisible(false);
            }
        
            GLubyte pixelColors[4];
        
#if ( CC_TARGET_PLATFORM != CC_PLATFORM_WIN32)
            glReadPixels(point.x, point.y, 1, 1, GL_RGBA, GL_UNSIGNED_BYTE, &pixelColors[0]);
#else
            glReadPixels(point.x, point.y, 1, 1, GL_ALPHA, GL_UNSIGNED_BYTE, &pixelColors[0]);
#endif
        
            int alpha = pixelColors[0];
            CCLOG("----alpha %d", alpha);
        
            renderer->end();
        
            selectSprite->setPosition(cutPos);
        
            if (alpha <= 20)
            {
                isTouchClaimed = false;
            }
            else
            {
                isTouchClaimed = true;
            }
        // check claimed touch arena
    }
    else
    {
        isTouchClaimed = true;
    }
    return isTouchClaimed;
}

上面逻辑是 重写了widget 的自己定义函数

AlphaTouchCheck

这个依据自己的需求构建结构了。

在lua里面能够提供检測开关 是否对透明纸进行检測咯。

不多往下说了。浪费网络内存咯。





本文转自mfrbuaa博客园博客,原文链接:http://www.cnblogs.com/mfrbuaa/p/5368090.html,如需转载请自行联系原作者 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
C++哈希应用-位图/布隆过滤器/海量数据处理(2)
C++哈希应用-位图/布隆过滤器/海量数据处理(2)
55 0
cocos2dx中设置横竖版
IOS目录中RootViewController.mm//显示竖屏- (BOOL) shouldAutorotate { return NO;} //显示横屏- (BOOL) shouldAutorotate { return YES;} 还有一个屏目适配: AppDelegate 中:...
584 0
Cocos2dx 3.0 过渡篇(十)资源加载进度条Loading...
<p style="color:rgb(54,46,43); font-family:Arial; font-size:14px; line-height:26px"> 尊重原创,转载请注明来自:star特530的CSDN博客 <a target="_blank" href="http://blog.csdn.net/start530/article/details/19420317"
1420 0
Cocos2dx 3.0 过渡篇(二) 事件回调
<p style="color:rgb(54,46,43); font-family:Arial; font-size:14.44444465637207px; line-height:26px"> 尊重原创,转载请注明来自:star特530的CSDN博客 <a target="_blank" href="http://blog.csdn.net/start530/article/det
1414 0
[cocos2dx-html5]手把手,快速搭建 Cocos2d-HTML5 开发调试环境
在这篇文章中,你将学会如何快速搭建 Cocos2d-HTML5 的开发和运行环境,对于脚本来说,大多编辑器提供语法高亮显示,而没有语义补全,虽然有些开发环境提供了自动补全功能,但都不大好用。
1022 0
+关注
2968
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载