当CCTableView的上级容器缩放时显示区域错误的问题

当CCTableView的上级容器,比如CCLayer被setScale,这时期望是CCTableView也会同时的被缩放。但是实际效果只有CCTableView的图标进行了缩放,可见范围没有被缩放。表现上就是当图标向右拖动时,最右侧的图标是突然整个消失,而不是正常的一部分一部分消失。截图是 TestCpp 的 ExtensionsTest\TableViewTest,其中红色区域是setScale(0.8f) 的TableViewTestLayer 。

void runTableViewTest()
{
        CCScene *pScene = CCScene::create();
        TableViewTestLayer *pLayer = TableViewTestLayer::create();
        pLayer->setScale(0.8f); //这里设置了缩放
        pScene->addChild(pLayer);
        CCDirector::sharedDirector()->replaceScene(pScene);
}

半透明的白色区域(A+B)是CCTableView的实际可视范围,实际是m_pContainer(继承自CCScrollView)的范围,也是m_tViewSize(继承自CCScrollView) 的范围。图标背后被遮住的淡绿色区域(A)是理论上被缩放后的可视范围,也是CCTableView作为CCLayer本身的范围。各种颜色是通过修改CCScrollView类继承CCLayerColor以及修改m_pContainer 的创建语句来实现的
经过实验,嵌套的CCLayer设置的缩放比是有传递性的,所以上图中CCTableView本身的范围(淡绿色区域),还有图标的尺寸都是正确的,是缩放过的。只有m_pContainer 的范围多出了一块(B段)。通过加log跟踪,在缩放状态下,计算显示哪些图标以及何时显示何时消失是正确的。因此怀疑是在绘制时出了问题。

void CCScrollView::beforeDraw()
{
    if (m_bClippingToBounds)
    {
        // TODO: This scrollview should respect parents' positions
        CCPoint screenPos = this->getParent()->convertToWorldSpace(this->getPosition());
        glEnable(GL_SCISSOR_TEST);
        float s = this->getScale();

        CCEGLView::sharedOpenGLView()->setScissorInPoints(screenPos.x*s, screenPos.y*s, m_tViewSize.width*s, m_tViewSize.height*s); //这里设定了一个裁剪框
    }
}
一路找到 CCScrollView::beforeDraw 发现在这里调用了 setScissorInPoints , setScissorInPoints 里调用了OpenGL的api glScissor() 作用是设定一个裁剪框

void CCEGLView::setScissorInPoints(float x , float y , float w , float h)
{
    glScissor((GLint)(x * m_fScaleX * m_fFrameZoomFactor + m_obViewPortRect.origin.x * m_fFrameZoomFactor),
              (GLint)(y * m_fScaleY * m_fFrameZoomFactor + m_obViewPortRect.origin.y * m_fFrameZoomFactor),
              (GLsizei)(w * m_fScaleX * m_fFrameZoomFactor),
              (GLsizei)(h * m_fScaleY * m_fFrameZoomFactor));
}
设定裁剪框时,使用的是 m_tViewSize 的数值,也就是 CCTableView 缩放前的尺寸,虽然乘上了 CCTableView 的 scale 但是 CCTableView 本身的缩放比是1,所以裁剪框是原始尺寸的。
修改方案是在设置裁剪框时再乘上上级容器的缩放比,或者另外添加一套给裁剪框设置缩放比的接口。我偷个懒用的是第一种方法,但是这样就有一定的局限性,如果缩放的不是CCTableView的直接上级,而是上级的上级恐怕还是会有问题。

void CCScrollView::beforeDraw()
{
    if (m_bClippingToBounds)
    {
        // TODO: This scrollview should respect parents' positions
        CCPoint screenPos = this->getParent()->convertToWorldSpace(this->getPosition());
        glEnable(GL_SCISSOR_TEST);
        float s = this->getScale();
        float ps = this->getParent()->getScale();

CCEGLView::sharedOpenGLView()->setScissorInPoints(screenPos.x*s, screenPos.y*s, m_tViewSize.width*s*ps, m_tViewSize.height*s*ps); //这里 
m_tViewSize  再乘上 上级容器的缩放比
    }
}







  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值