首页 > 代码库 > Cocos2d-x 3.2 学习笔记(六)Layer

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