cocos2d-x:CCLayerColor设置contentSize并隐藏超出范围的内容

最近在做一个cocos2d-x下的CCTable，希望能模仿UITableView的效果，但是遇到一个问题被卡住了。

我使用CCLayerColor来实现这个CCTable，因为CCLayerColor可以设置layer的大小，而CCLayer是不能设置的。

但问题是CCLayerColor是继承自CCLayer的，而CCLayer没有明确的边界概念，所以超出设定的边界的内容（如添加在layer中的CCSprite）仍然会显示在画面上，不会被隐藏掉。而这一点和UITableView的效果是不一样的。

为了解决这个问题，我在网上搜索了一些资料。结果找到有一个别人已经做好的cocos2d版的CCTableView。（链接：http://www.cocos2d-iphone.org/archives/943）

然后我debug了一下他的代码，发现里面只有一段代码是用来实现隐藏功能的。代码如下：

 1         GLfloat planeTop[]    = {0.0f, -1.0f, 0.0f, viewSize_.height};
 2         GLfloat planeBottom[] = {0.0f, 1.0f, 0.0f, 0.0f};
 3         GLfloat planeLeft[]   = {1.0f, 0.0f, 0.0f, 0.0f};
 4         GLfloat planeRight[]  = {-1.0f, 0.0f, 0.0f, viewSize_.width};
 5         
 6         glClipPlanef(GL_CLIP_PLANE0, planeTop);
 7         glClipPlanef(GL_CLIP_PLANE1, planeBottom);
 8         glClipPlanef(GL_CLIP_PLANE2, planeLeft);
 9         glClipPlanef(GL_CLIP_PLANE3, planeRight);
10         glEnable(GL_CLIP_PLANE0);
11         glEnable(GL_CLIP_PLANE1);
12         glEnable(GL_CLIP_PLANE2);
13         glEnable(GL_CLIP_PLANE3);

目前我还不了解这段代码的执行机制，但它确实有效果。因此我决定把这段代码移植到我的CCTable中。

由于原作者对CCNode做过一些修改。他在CCNode中添加了beforeDraw()和afterDraw()两个方法，并且在CCNode的visit()方法中添加了两句调用这两个方法的代码。修改后代码如下：

 1     if (!visible_)
 2         return;
 3     
 4     glPushMatrix();
 5     
 6     if ( grid_ && grid_.active) {
 7         [grid_ beforeDraw];
 8         [self transformAncestors];
 9     }
10     
11     [self transform];
12     [self beforeDraw];
13     for (CCNode * child in children_) {
14         if ( child.zOrder < 0 )
15             [child visit];
16         else
17             break;
18     }
19     
20     [self draw];
21 
22     for (CCNode * child in children_) {        
23         if ( child.zOrder >= 0 )
24             [child visit];
25     }
26     [self afterDraw];
27     if ( grid_ && grid_.active)
28         [grid_ afterDraw:self];
29     
30     glPopMatrix();

因此我在移植时候也需要做同样的修改。

最后在CCTable中继承CCNode的beforeDraw()和afterDraw()方法，将控制隐藏超出内容的代码加入到beforeDraw()中。再将恢复opengl设置的代码放在afterDraw()中：

1         glDisable(GL_CLIP_PLANE0);
2         glDisable(GL_CLIP_PLANE1);
3         glDisable(GL_CLIP_PLANE2);
4         glDisable(GL_CLIP_PLANE3);

完成后，编译调试一切正常，CCTable也有了将超出部分隐藏的功能。