總結Cocos2d-x中Layer的使用（CCLayerColor、CCLayerGradient、CCLayerMultplex）

Layer（層）：是處理玩家事件響應的Node子類。與場景不同，層通常包含的是直接在屏幕上呈現的內容，並且可以接受用戶的輸入事件，包括觸摸，加速度計和鍵盤輸入等。我們需要在層中加入精靈，文本標籤或者其他遊戲元素，並設置遊戲元素的屬性，比如位置，方向和大小；設置遊戲元素的動作等。通常，層中的對象功能類似，耦合較緊，與層中游戲內容相關的邏輯代碼也編寫在層中，在組織好層後，只需要把層按照順序添加到場景中就可以顯示出來了。要向場景添加層，我們可以使用addChild方法。

可以通過下面的三個類設置層的屬性：

CCLayerColor：可以改變背景顏色、設置大小；
CCLayerGradient：設置有漸變效果的背景；
CCLayerMultplex：可以包含好幾個layer，但是隻顯示一個layer,可以實現多個Layer之間的切換；

首先需要理解一些基本的概念

三基色：大多數的顏色可以通過紅、綠、藍三色按照不同的比例合成產生。同樣絕大多數單色光也可以分解成紅綠藍三種色光。

在Cocos2d-x中使用ccc4(R, G, B，透明度)的三個參數表示(RGB)三基色

ccc4(255, 0, 0, 255)表示紅色，最後一個參數中的255表示透明度爲255，表示不透明；
ccc4(0, 255, 0, 255)表示綠色；
ccc4(0, 0, 255, 255)表示藍色；

通過前面三個參數的不同組合可以表示不同的顏色，如ccc4(255, 255, 255, 255)表示白色,ccc4(0, 0, 0, 255)表示黑色等等，還有好的組合，可以根據上圖可知

建立一個名稱爲Layer的場景，在Layer.h中添加下面的代碼：

#ifndef _Layer_H_

#define _Layer_H_

//防止代碼重包含

#include "cocos2d.h"

USING_NS_CC;

class Layer : public CCLayer

{

public:

    //創建一個場景

    static CCScene* scene();

    //初始化場景

    bool init();

    CREATE_FUNC(Layer);

};

#endif

在Layer.cpp中添加下面的代碼：

#include "Layer.h"

#include "HelloWorldScene.h"

CCScene* Layer::scene()

{

    //創建一個場景

    CCScene* s =  CCScene::create();

    //創建一個layer

   Layer* layer = Layer::create();

    //將layer加到場景中

    s->addChild(layer);

    return s;

}

bool Layer::init()

{

    return true;

}

最後調用創建的Layer場景：打開AppDelegate.cpp文件，在AppDelegate.cpp中添加頭文件"Layer.h",並且將boolAppDelegate::applicationDidFinishLaunching()中的

// create a scene. it's an autorelease object

    //CCScene *pScene = Sprite::scene();

修改成

  // create a scene. it's an autorelease object

     CCScene *pScene = Layer::scene();

修改背景的顏色

方法1、在Layer.cpp下的bool Layer::init()函數裏面添加下面的代碼

 //初始化父類層

    CCLayer::init();

    //設置背景顏色爲紅色

    CCLayerColor* layer = CCLayerColor::create(ccc4(255, 0, 0, 255));

    //將層加到場景中

    addChild(layer);

    return true

程序執行結果：

方法2、將Layer.h中的

class Layer : public CCLayer

修改成

class Layer : public CCLayerColor

在Layer.cpp下的bool Layer::init()函數中添加下面的代碼

//初始化父類層  

CCLayerColor::initWithColor(ccc4(255, 255, 0, 255));  

return true;

程序的執行結果：（和方法1的結果一樣）

將窗口的背景顏色設置成紅色和綠色

將Layer.cpp下的bool Layer::init()函數中的代碼改爲

//初始化父類層，設置窗口背景的顏色爲紅色  

CCLayerColor::initWithColor(ccc4(255, 0, 0, 255));  

//得到窗口的尺寸  

CCSize winSize = CCDirector::sharedDirector()->getWinSize();  

//設置窗口背景的顏色爲綠色  

CCLayerColor* layer = CCLayerColor::create(ccc4(0, 255, 0, 255), winSize.width/2, winSize.height/2);  

addChild(layer);  

return true;

執行結果：

設置窗口中顏色的漸變效果：

將Layer.cpp下的bool Layer::init()函數中的代碼改爲

//初始化父類層，設置窗口背景的顏色爲紅色  

CCLayerColor::initWithColor(ccc4(255, 0, 0, 255));  

//設置漸變效果重綠色漸變到藍色  

CCLayerGradient* layer = CCLayerGradient::create(ccc4(0, 255, 0, 255), ccc4(0, 0, 255, 255));  

addChild(layer);  

return true;

執行結果：

設置窗口中顏色的漸變效果並且實現透明度漸變

將Layer.cpp下的bool Layer::init()函數中的代碼改爲

//初始化父類層，設置窗口背景的顏色爲紅色  

CCLayerColor::initWithColor(ccc4(255, 0, 0, 255));  

//設置漸變效果重綠色漸變到藍色,透明度漸變  

CCLayerGradient* layer = CCLayerGradient::create(ccc4(0, 255, 0, 0), ccc4(0, 0, 255, 255));;  

addChild(layer);  

return true;

程序執行結果：

修改漸變的方向：通過修改函數的參數修改漸變的方向

將Layer.cpp下的bool Layer::init()函數中的代碼改爲

//初始化父類層，設置窗口背景的顏色爲紅色  

CCLayerColor::initWithColor(ccc4(255, 0, 0, 255));  

//設置漸變效果重綠色漸變到藍色,透明度漸變ccp(0,1)從下往上漸變  

CCLayerGradient* layer = CCLayerGradient::create(ccc4(255, 255, 0, 255), ccc4(0, 0, 255, 255), ccp(0,1));;  

addChild(layer);  

return true;

執行結果：

修改漸變的方向：使用setVector()函數修改漸變的方向

將Layer.cpp下的bool Layer::init()函數中的代碼改爲

//初始化父類層，設置窗口背景的顏色爲紅色  

CCLayerColor::initWithColor(ccc4(255, 0, 0, 255));  

//設置漸變效果重綠色漸變到藍色  

CCLayerGradient* layer = CCLayerGradient::create(ccc4(255, 255, 0, 255), ccc4(0, 0, 255, 255));;  

addChild(layer);  

//修改漸變的方向，將漸變的方向改爲從下往上  

layer->setVector(ccp(0,1));  

return true;

執行結果：

通過單擊鼠標切換背景顏色

將Layer.h中的代碼改成

#ifndef _Layer_H_  

#define _Layer_H_  

//防止代碼重包含  

#include "cocos2d.h"  

USING_NS_CC;  

class Layer : public CCLayerColor  

{  

public:  

    //創建一個場景  

    static CCScene* scene();  

    //初始化場景  

    bool init();  

    //實現多層切換的CCLayerMultiplex對象  

    CCLayerMultiplex* multi;  

     //響應鼠標的點擊事件  

     bool ccTouchBegan(CCTouch*, CCEvent*);  

     //create函數  

    CREATE_FUNC(Layer);  

};  

#endif

將Layer.cpp中的代碼改成：

#include "Layer.h"

#include "HelloWorldScene.h"

CCScene* Layer::scene()

{

    //創建一個場景

    CCScene* s =  CCScene::create();

    //創建一個layer

   Layer* layer = Layer::create();

    //將layer加到場景中

    s->addChild(layer);

    //返回場景

    return s;

}

bool Layer::init()

{

    //初始化父類層，設置窗口背景的顏色爲紅色

    CCLayerColor::initWithColor(ccc4(255, 0, 0, 255));

    //設置窗口的背景顏色爲綠色

     CCLayerColor* layer1 = CCLayerColor::create(ccc4(0, 255, 0, 255));

     //設置窗口的背景顏色爲紅色

     CCLayerColor* layer2 = CCLayerColor::create(ccc4(255, 0, 0, 255));

    //多層

    multi = CCLayerMultiplex::create(layer1, layer2, NULL);

    //multi->switchTo(1);

    addChild(multi);

    //用鼠標切換多層

    setTouchEnabled(true);

    setTouchMode(kCCTouchesOneByOne);

    return true;

}

//處理鼠標點擊事件

bool Layer::ccTouchBegan(CCTouch*, CCEvent*)

{

    static int index = 0;

    multi->switchTo(index = 1 - index);

    return true;

}