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

 

posted @ 2014-07-29 16:26  richliu1023  阅读(1190)  评论(0编辑  收藏  举报