Cocos2d-x 3.2 学习笔记（六）Layer

Layer 游戏中的背景容器，Layer类是Node类的一个子类，它实现了触屏事件代理（TouchEventsDelegate）协议。

LayerColor是Layer的一个子类，它实现了RGBAProtocol协议。

LayerGradient是LayerColor的一个子类，它在背景上画渐变效果。 

LayerMultiple类是一个能够使它的子类进行复用的布景层类。

Sprite精灵不能直接放入舞台中，它需要作为Layer的子节点，通过Layer加入舞台场景中显示。

关于Layer的简单用法：

/************************************************************************/

/* 创建一个全屏的黑色布景层                                                                     */

/************************************************************************/

bool LayerTest::createLayer()

{

    auto layer = Layer::create();

    auto drawNode = DrawNode::create();

    layer->addChild(drawNode);

    auto widthN = Director::getInstance()->getVisibleSize().width;

    Vec2 points[] = { Vec2(widthN/4,0), Vec2(widthN,widthN/5), Vec2(widthN/3*2,widthN) };

    //绘制三角形

    drawNode->drawPolygon(points, sizeof(points)/sizeof(points[0]), Color4F(1,0,0,0.5), 4, Color4F(0,0,1,1));



    _layer->removeAllChildren();

    _layer->addChild(layer);

    return true;

}

/************************************************************************/

/* LayerColor是Layer的一个子类，它实现了RGBAProtocol协议。 它实现了Layer类的所有功能，还添加了以下这些新功能：

透明度

RGB颜色                                                                     */

/************************************************************************/

bool LayerTest::createLayerColor()

{

    auto size = Director::getInstance()->getVisibleSize();

    //创建一个红色背景的矩形（200x100）

    auto layer = LayerColor::create(Color4B::RED,200,100);

    layer->setPosition(size/2);

    _layer->removeAllChildren();

    _layer->addChild(layer);

    return true;

}

/************************************************************************/

/*

LayerGradient是LayerColor的一个子类，它在背景上画渐变效果。 它实现了LayerColor类的所有功能，还添加了以下这些新功能：

渐变方向

渐变最终颜色

插值模式

颜色沿着给定的向量插在起始颜色和终止颜色之间（从起点开始，到终点结束）。如果没有提供向量，则默认到（0，-1）点-一个从顶部到底部的淡入淡出。

如果'compressedInterpolation'不可用，你将看不到非基本向量的起始颜色和终止颜色；不过无论如何，一个平滑的渐变（包括终点）最终还是会呈现出来。 

如果'compressedInterpolation'是可用的(默认模式)，你将看到渐变的起始颜色和终止颜色。

*/

/************************************************************************/

bool LayerTest::createLayerGradient()

{

    //创建一个红色到绿色的过渡渐变效果背景（从左下角到右上角）

    auto layer = LayerGradient::create(Color4B::RED,Color4B::GREEN,Vec2(1,1));



    _layer->removeAllChildren();

    _layer->addChild(layer);

    return true;

}

/************************************************************************/

/* 

一个能够使它的子类进行复用的布景层类。 功能： 

-它支持一个或多个子类 

-一次仅能激活一个孩子                                                                     */

/************************************************************************/

bool LayerTest::createLayerMultiplex()

{

    auto size = Director::getInstance()->getVisibleSize();

    auto allLayer = LayerMultiplex::create();



    auto layer = LayerColor::create(Color4B::RED,200,100);

    layer->setPosition(size/2);

    allLayer->addLayer(layer);



    auto layer1 = LayerColor::create(Color4B::GREEN,200,200);

    layer1->setPosition(size/2);

    allLayer->addLayer(layer1);



    auto layer2 = LayerColor::create(Color4B::WHITE,100,200);

    layer2->setPosition(size/2);

    allLayer->addLayer(layer2);



    _layer->removeAllChildren();

    _layer->addChild(allLayer);

    //选择看一个子层显示（这里的index是白色背景层）

    allLayer->switchTo(2);

    return true;

}

#ifndef __LAYERTEST__

#define __LAYERTEST__



#include "cocos2d.h"



USING_NS_CC;



class LayerTest : public Layer

{

public:

    static Scene* createScene();

    CREATE_FUNC(LayerTest);

    virtual bool init();

    static bool createLayer();

    static bool createLayerColor();

    static bool createLayerGradient();

    static bool createLayerMultiplex();

protected:

    bool onTouchBeganFun(Touch* touch,Event* ev);

};



#endif

LayerTest.h

#include "LayerTest.h"



std::function<bool()> demotest[]=

{

    LayerTest::createLayer,

    LayerTest::createLayerColor,

    LayerTest::createLayerGradient,

    LayerTest::createLayerMultiplex

};





static Layer* _layer = nullptr;

Scene* LayerTest::createScene()

{

    auto scene = Scene::create();

    _layer = LayerTest::create();

    scene->addChild(_layer);

    return scene;

}



bool LayerTest::init()

{

    auto event = EventListenerTouchOneByOne::create();

    event->onTouchBegan = CC_CALLBACK_2(LayerTest::onTouchBeganFun,this);

    this->_eventDispatcher->addEventListenerWithSceneGraphPriority(event,this);

    return true;

}

#define MAX_LAYER (sizeof(demotest) / sizeof(demotest[0]))

static int index = 0;

bool LayerTest::onTouchBeganFun(Touch* touch,Event* ev)

{

    index++;

    index = index % MAX_LAYER;

    demotest[index]();

    return true;

}



/************************************************************************/

/* 创建一个全屏的黑色布景层                                                                     */

/************************************************************************/

bool LayerTest::createLayer()

{

    auto layer = Layer::create();

    auto drawNode = DrawNode::create();

    layer->addChild(drawNode);

    auto widthN = Director::getInstance()->getVisibleSize().width;

    Vec2 points[] = { Vec2(widthN/4,0), Vec2(widthN,widthN/5), Vec2(widthN/3*2,widthN) };

    //绘制三角形

    drawNode->drawPolygon(points, sizeof(points)/sizeof(points[0]), Color4F(1,0,0,0.5), 4, Color4F(0,0,1,1));



    _layer->removeAllChildren();

    _layer->addChild(layer);

    return true;

}

/************************************************************************/

/* LayerColor是Layer的一个子类，它实现了RGBAProtocol协议。 它实现了Layer类的所有功能，还添加了以下这些新功能：

透明度

RGB颜色                                                                     */

/************************************************************************/

bool LayerTest::createLayerColor()

{

    auto size = Director::getInstance()->getVisibleSize();

    //创建一个红色背景的矩形（200x100）

    auto layer = LayerColor::create(Color4B::RED,200,100);

    layer->setPosition(size/2);

    _layer->removeAllChildren();

    _layer->addChild(layer);

    return true;

}



/************************************************************************/

/*

LayerGradient是LayerColor的一个子类，它在背景上画渐变效果。 它实现了LayerColor类的所有功能，还添加了以下这些新功能：

渐变方向

渐变最终颜色

插值模式

颜色沿着给定的向量插在起始颜色和终止颜色之间（从起点开始，到终点结束）。如果没有提供向量，则默认到（0，-1）点-一个从顶部到底部的淡入淡出。

如果'compressedInterpolation'不可用，你将看不到非基本向量的起始颜色和终止颜色；不过无论如何，一个平滑的渐变（包括终点）最终还是会呈现出来。 

如果'compressedInterpolation'是可用的(默认模式)，你将看到渐变的起始颜色和终止颜色。

*/

/************************************************************************/

bool LayerTest::createLayerGradient()

{

    //创建一个红色到绿色的过渡渐变效果背景（从左下角到右上角）

    auto layer = LayerGradient::create(Color4B::RED,Color4B::GREEN,Vec2(1,1));



    _layer->removeAllChildren();

    _layer->addChild(layer);

    return true;

}

/************************************************************************/

/* 

一个能够使它的子类进行复用的布景层类。 功能： 

-它支持一个或多个子类 

-一次仅能激活一个孩子                                                                     */

/************************************************************************/

bool LayerTest::createLayerMultiplex()

{

    auto size = Director::getInstance()->getVisibleSize();

    auto allLayer = LayerMultiplex::create();



    auto layer = LayerColor::create(Color4B::RED,200,100);

    layer->setPosition(size/2);

    allLayer->addLayer(layer);



    auto layer1 = LayerColor::create(Color4B::GREEN,200,200);

    layer1->setPosition(size/2);

    allLayer->addLayer(layer1);



    auto layer2 = LayerColor::create(Color4B::WHITE,100,200);

    layer2->setPosition(size/2);

    allLayer->addLayer(layer2);



    _layer->removeAllChildren();

    _layer->addChild(allLayer);

    //选择看一个子层显示（这里的index是白色背景层）

    allLayer->switchTo(2);

    return true;

}

LayerTest.cpp