Cocos2dx 学习笔记29 CCLayerMultiplex管理多个层

CCLayerMultiplex继承自CCLayer，它可以管理多个层，并实现不同层间的切换，但是同一时间只能有一个层是激活状态，其他都是不可见的

以下为CCLayerMultiplex的用途，网上有用来做TabBar的，官方的TestCpp中用在MenuTest例子中。

（1）CCLayerMultiplex实现Tab选项卡

原创作品，转载请标明：http://blog.csdn.net/jackystudio/article/details/12940733

有时候，我们希望实现一个选项卡功能，就是切换tab选项，场景中的内容会跟着改变，但是tab选项卡不动。这是用切换场景的方式没办法做到的。

这里我们就可以使用CCLayerMultiplex来实现这个功能。

1.创建布景

这里创建3个布景来做示范。分别是Laye1，Layer2和Layer3。代码就不贴了，布景内容可以直接使用HelloWorld的代码。

2.创建主场景

主场景的初始化函数如下：

[cpp]  view plain copy

1. bool CCMainScene::init()  
2. {  
3.     bool bRet=false;  
4.     do   
5.     {  
6.         CC_BREAK_IF(!CCScene::init());  
7.   
8.         _layer1=CCLayer1::create();//创建3个层的实例  
9.         _layer2=CCLayer2::create();  
10.         _layer3=CCLayer3::create();  
11.   
12.         _layerMuticomplex=CCLayerMultiplex::create(_layer1,_layer2,_layer3,NULL);//创建多层布景层  
13.         this->addChild(_layerMuticomplex);//添加到场景，默认显示第一个布景  
14.   
15.         CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();  
16.         CCPoint origin = CCDirector::sharedDirector()->getVisibleOrigin();  
17.   
18.         CCMenuItemImage *pCloseItem1 = CCMenuItemImage::create(//创建3个tab菜单，用于切换布景  
19.             "w_b.png",  
20.             "w_b.png",  
21.             this,  
22.             menu_selector(CCMainScene::menuCallback));  
23.   
24.         CCMenuItemImage *pCloseItem2 = CCMenuItemImage::create(  
25.             "r_b.png",  
26.             "r_b.png",  
27.             this,  
28.             menu_selector(CCMainScene::menuCallback));  
29.   
30.         CCMenuItemImage *pCloseItem3 = CCMenuItemImage::create(  
31.             "g_b.png",  
32.             "g_b.png",  
33.             this,  
34.             menu_selector(CCMainScene::menuCallback));  
35.   
36.         // create menu, it's an autorelease object  
37.         pCloseItem1->setTag(0);//给tab按钮设置tag，方便回调函数中的获取  
38.         pCloseItem2->setTag(1);  
39.         pCloseItem3->setTag(2);  
40.         CCMenu* pMenu = CCMenu::create(pCloseItem1, pCloseItem2, pCloseItem3, NULL);//创建菜单  
41.         pMenu->alignItemsHorizontallyWithPadding(-1);//设置菜单项间隔  
42.         pMenu->setPosition(visibleSize.width/2,25);  
43.         this->addChild(pMenu, 1);//注意哦，菜单要在场景中添加而不是在布景中了！而且z轴要高于多层布景，保证可见。  
44.         bRet=true;  
45.     } while (0);  
46.     return bRet;  
47. }  

回调函数如下：

[cpp]  view plain copy

1. void CCMainScene::menuCallback(CCObject* pSender)  
2. {  
3.     int item=((CCMenuItemImage*)pSender)->getTag();//获取选择项  
4.     if (item!=curLayerPos)  
5.     {  
6.         _layerMuticomplex->switchTo(item);//切换布景，如果使用switchToAndReleaseMe会释放掉当前布景  
7.         curLayerPos=item;  
8.     }  
9. }  

3.效果

为了让效果明显一点，我让3个布景稍微有点区别。当然菜单是可以做normal，pressed，disable三态的，这里略去。点击不同的选项卡就可以切换到不同的布景层。当然CCLayerMultiplex还可以嵌套使用。

          

4.源码下载地址

http://download.csdn.net/detail/jackyvincefu/6421801

（2）TestCpp官方例子

[cpp]  view plain copy

1. CCLayer *mainLayer = new MenuDemo;  
2. CCLayer *menu1 = new MenuDemoItem1;  
3. CCLayer *menu2 = new MenuDemoItem2;  
4. CCLayer *menu3 = new MenuDemoItem3;  
5.   
6. CCLayerMultiplex *Menu_multiplex = CCLayerMultiplex::create(mainLayer, menu1, menu2, menu3, NULL);  
7. addChild(Menu_multiplex, 0);  
8.   
9. mainLayer->release();  
10. menu1->release();  
11. menu2->release();  
12. menu3->release();  
13.   
14. CCDirector::sharedDirector()->replaceScene(this);  

首先在你的scene中创建这个   CCLayerMultiplex,不要调换了代码顺序哦！

然后写回调函数了：

[cpp]  view plain copy

1. void MenuDemo::fontMenu1_callBack(CCObject *object) {  
2.     ((CCLayerMultiplex*)(m_pParent))->switchTo(2);  
3. }  
4.   
5. void MenuDemo::fontMenu2_callBack(CCObject *object) {  
6.     ((CCLayerMultiplex*)(m_pParent))->switchTo(3);  
7. }  
8.   
9. void MenuDemo::fontMenu3_callBack(CCObject *object) {  
10.     ((CCLayerMultiplex*)(m_pParent))->switchTo(1);  
11. }