首页 > 代码库 > Cocos2d-x学习笔记(四) 布景层的加入移除
Cocos2d-x学习笔记(四) 布景层的加入移除
布景层类也就是CCLayer类,每一个游戏场景中都能够有非常多层,每一层负责各自的任务。显示地图、显示人物等。同一时候层还是一个容器,能够放入文本、图片和菜单。构成游戏中一个个UI。这次将学习在场景中加入移除层、设置层属性和在层中实现一些简单的操作。
首先我们来看一下层的创建:
bool LayerTest::init() { ////////////////////////////// // 1. super init first if ( !CCLayer::init() ) { return false; } CCSize s = CCDirector::sharedDirector()->getWinSize(); CCLayerColor* layer = CCLayerColor::create( ccc4(255,0,0,255),200,200); layer->ignoreAnchorPointForPosition(false); layer->setPosition( CCPointMake(s.width/2, s.height/2) ); addChild(layer, 1); return true; }
执行后效果例如以下:
同一时候我们还能够给这个层改变颜色、大小和其它的属性。在这里我就不示范了。接下来我们写一些简单应用样例。
在前面的样例中场景与层是写在同一个类里的。如今为了便于理解,我将场景与层分开处理,也就是场景和层都将是单独的类。
首先我创建了两个布景层类,AboutLayer和PlayLayer,实现代码例如以下:
AboutLayer.h
#pragma once #include "cocos2d.h" USING_NS_CC; class AboutLayer : public cocos2d::CCLayer { public: virtual bool init(); void menuCloseCallback(CCObject* pSender); CREATE_FUNC(AboutLayer); };
AboutLayer.cpp
#include "AboutLayer.h" bool AboutLayer::init() { CCSize s = CCDirector::sharedDirector()->getWinSize(); CCLayerColor* pLayer = CCLayerColor::create(ccc4(255,0,0,255)); pLayer->ignoreAnchorPointForPosition(false); pLayer->setContentSize(CCSizeMake(200,200));//设置层大小 pLayer->setPosition(CCPointMake(s.width/2-100, s.height/2));//设置层位置 CCLabelTTF *pLabel = CCLabelTTF::create("This is AboutLayer","Thonburi", 14); pLabel->setPosition(CCPointMake(pLayer->getContentSize().width/2, pLayer->getContentSize().height/2)); pLayer->addChild(pLabel); return true; }
然后创建一个场景类,我将它命名为SingleScene,代码例如以下:
SingleScene.h
#pragma once #include "cocos2d.h" #include "AboutLayer.h" #include "PlayLayer.h" class SingleScene : public cocos2d::CCScene { public: virtual bool init(); static CCScene* runScene(); void menuAboutClick(CCObject* pSender); void menuPlayClick(CCObject* pSender); CREATE_FUNC(SingleScene); };
SingleScene.cpp
#include "SingleScene.h" CCScene* SingleScene::runScene() { SingleScene* scene = new SingleScene(); scene->init(); return scene; } bool SingleScene::init() { //创建aboutbutton CCMenuItemImage *pAboutItem = CCMenuItemImage::create("btn-about-normal.png", "btn-about-selected.png",this,menu_selector(SingleScene::menuAboutClick)); pAboutItem->setPosition(ccp(100,30)); //创建menu CCMenu *pMenu = CCMenu::create(pAboutItem,NULL); pMenu->setPosition(CCPointZero); addChild(pMenu); return true; }
类创建好了,我们来实现点击button后,在SingleScene.cpp中加入一个层。加入层的关键代码:
void SingleScene::menuAboutClick(CCObject* pSender){ AboutLayer* pLayer_about = AboutLayer::create(); addChild(pLayer_about,1,1); }
至于层里面的显示内容大家自由发挥吧。有前几章的学习应该没什么问题~
执行效果例如以下,按下Aboutbutton后弹出一个层来。
接下来我们在AboutLayer.cpp上加入一个button。让我们按下button能够移除这个层。
移除层的关键代码:
void AboutLayer::menuCloseCallback(CCObject* pSender) { this->removeFromParentAndCleanup(true); }
执行效果例如以下,点击右上角的关闭button会将about层移除掉。
相同的代码我再在PlayLayer里面实现一遍,这样看起来像不像游戏里的功能菜单的雏形啦?哈哈。
布景层的简单功能学习完毕了,想要了解很多其它功能在以后的学习中会有机会碰到。
在这里有个小小的问题。大家应该会发现假设不停的按同一个button会产生非常多个相同的层。尽管他们在相同的位置肉眼看不出来,但他们确确实实是会存在的。为了解决问题我在加入层的方面里加了一句代码:
void SingleScene::menuAboutClick(CCObject* pSender){ if (getChildByTag(1)!=NULL) removeChild(getChildByTag(1)); AboutLayer* pLayer_about = AboutLayer::create(); addChild(pLayer_about,1,1); }
给层设置属性Tag为1,然后在加入层前将Tag为1的层先移除,尽管我认为这是个蛮笨的办法,只是眼下我对cocos2dx的了解也仅限于此呀!
Cocos2d-x学习笔记(四) 布景层的加入移除