关闭

cocos2dx用CCLayerMultiplex实现Tab选项卡

3831人阅读 评论(0) 收藏 举报
分类:

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


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

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


1.创建布景

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


2.创建主场景

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

  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. }  

回调函数如下:

  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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1031203次
    • 积分:8157
    • 等级:
    • 排名:第2654名
    • 原创:49篇
    • 转载:304篇
    • 译文:0篇
    • 评论:51条
    文章分类