【cocos2d-x 初学者学习篇】实现字符串 ，图片 ，按钮，动画

没什么编程实战经验的我 ，学一个新东西遇到的困难太多了 ，而且是在版本问题和编译器的使用上...

感谢无脑码农 

版本cocos2d-x  2.0.x    vs2010

在字符串，图片，按钮方面 ，没有什么问题 ， 在绘制动画的时候 ，很多方法并不是简单create（）的，在下面代码中可以看到具体的方法

我们要添加任何东西 ，应该遵循：

 创建 ->设置位置->加入目标地 

cocos2d-x 多了一个验证指针有效性的宏 ： CC_BREAK_IF

那么我们可以归纳出添加组件的四个步骤：

1, 得到对象指针,并初始化

2, 检测指针

3, 设置坐标点

4, 加入目标图层

#include "HelloWorldScene.h"

using namespace cocos2d;

CCScene* HelloWorld::scene()
{
CCScene * scene = NULL; //生成场景指针
do
{
// 'scene' is an autorelease object
scene = CCScene::create();
CC_BREAK_IF(! scene);

// 'layer' is an autorelease object
HelloWorld *layer = HelloWorld::create(); //多态
CC_BREAK_IF(! layer);

// add layer as a child to scene
scene->addChild(layer);
} while (0);

// return the scene
return scene;
}

// on "init" you need to initialize your instance
bool HelloWorld::init()
{
bool bRet = false;
do
{
/*        //////////////////////////////////////////////////////////////////////////
// super init first
//////////////////////////////////////////////////////////////////////////

CC_BREAK_IF(! CCLayer::init());

//////////////////////////////////////////////////////////////////////////
// add your codes below...
//////////////////////////////////////////////////////////////////////////

// 1. Add a menu item with "X" image, which is clicked to quit the program.

// Create a "close" menu item with close icon, it's an auto release object.
CCMenuItemImage *pCloseItem = CCMenuItemImage::create(
"CloseNormal.png",
"CloseSelected.png",
this,
menu_selector(HelloWorld::menuCloseCallback));
CC_BREAK_IF(! pCloseItem); //每写一个新的指针 ,都需要这个宏来验证它是否正常

// Place the menu item bottom-right conner.
pCloseItem->setPosition(ccp(CCDirector::sharedDirector()->getWinSize().width - 20, 20));

// Create a menu with the "close" menu item, it's an auto release object.
CCMenu* pMenu = CCMenu::create(pCloseItem, NULL);
pMenu->setPosition(CCPointZero);
CC_BREAK_IF(! pMenu);

// Add the menu to HelloWorld layer as a child layer.
this->addChild(pMenu, 1);

// 2. Add a label shows "Hello World".

// Create a label and initialize with string "Hello World".
CCLabelTTF* pLabel = CCLabelTTF::create("First App", "Arial", 24);
CC_BREAK_IF(! pLabel);

// Get window size and place the label upper.
CCSize size = CCDirector::sharedDirector()->getWinSize();
pLabel->setPosition(ccp(size.width / 2, size.height - 50));

// Add the label to HelloWorld layer as a child layer.
this->addChild(pLabel, 1);

// 3. Add add a splash screen, show the cocos2d splash image.
CCSprite* pSprite = CCSprite::create("HelloWorld.png");
CC_BREAK_IF(! pSprite);

// Place the sprite on the center of the screen
pSprite->setPosition(ccp(size.width/2, size.height/2));

// Add the sprite to HelloWorld layer as a child layer.
this->addChild(pSprite, 0);
*/
//首先是父类的方法
CC_BREAK_IF(!CCLayer::init());
//创建一个CCLabelTTF对象指针,用来绘制字符串,它是一个自动释放的对象
CCLabelTTF* pLabel = CCLabelTTF::create("MyGame","Arial",14) ;
//检测
CC_BREAK_IF(!pLabel);
//获得屏幕高度
CCSize size = CCDirector::sharedDirector()->getWinSize();
//设置坐标点
pLabel->setPosition(ccp(size.width/2,size.height/2));
//将pLabel添加到当前创建
this->addChild(pLabel,2);

//添加图片
/*	//创建一个CCSprite的指针  绘制图片 它是一个自动释放的对象
CCSprite* pSprite = CCSprite::create("Hello.jpg");
//检测
CC_BREAK_IF(!pSprite);
//设置坐标点
pSprite->setPosition(ccp(size.width/2,size.height/2+50));
//添加到图层
this->addChild(pSprite,1);
*/

//创建文本按钮
CCLabelTTF* pBtn = CCLabelTTF::create("StartGame","Arial",50);
//检测
CC_BREAK_IF(!pBtn) ;
//创建menu
CCMenuItemLabel* pItemLabel = CCMenuItemLabel::create(pBtn);
//检测
CC_BREAK_IF(!pItemLabel);
//设置位置
pItemLabel->setPosition(ccp(size.width/2,100));
/*	//生成menu层
CCMenu* pMenu =CCMenu::create(pItemLabel,NULL);
pMenu->setPosition(CCPointZero);
this->addChild(pMenu,3);
*/

/*	通过CCMenuItemFont文字直接生成按钮 */
//使用CCMenuItemFont 创建一个文本按钮
CCMenuItemFont* pItemFont = CCMenuItemFont::create("Font Button" ,this,NULL);
CC_BREAK_IF(! pItemFont);
pItemFont->setPosition(size.width/2,70);
/*	//生成menu层
CCMenu* pMenu = CCMenu::create(pItemLabel,pItemFont,NULL);
//设置位置
pMenu->setPosition(CCPointZero);
//添加显示
this->addChild(pMenu,3);
*/
/*利用图片生成按钮*/
//添加初始化
CCMenuItemImage* pItemImage = CCMenuItemImage::create("CloseNormal.png","CloseSelected.png",this,NULL);
//检测
CC_BREAK_IF(!pItemImage);
//设置位置
pItemImage->setPosition(size.width-50,50);

//生成menu层
CCMenu* pMenu = CCMenu::create(pItemLabel,pItemFont,pItemImage,NULL);
//设置位置
pMenu->setPosition(CCPointZero);
//添加显示
this->addChild(pMenu,4);

//动画显示:

//读取2d纹理
CCTexture2D *pTexture=CCTextureCache::sharedTextureCache()->addImage("girl.png");
//创建动画帧
CCSpriteFrame *frame0=CCSpriteFrame::frameWithTexture(pTexture,CCRectMake(32*0, 48*0, 32, 48));
CCSpriteFrame *frame1=CCSpriteFrame::frameWithTexture(pTexture,CCRectMake(32*1, 48*0, 32, 48));
CCSpriteFrame *frame2=CCSpriteFrame::frameWithTexture(pTexture,CCRectMake(32*2, 48*0, 32, 48));
CCSpriteFrame *frame3=CCSpriteFrame::frameWithTexture(pTexture,CCRectMake(32*3, 48*0, 32, 48));
//创建帧数组
CCArray* pArray=CCArray::arrayWithCapacity(4);
pArray->addObject(frame0);
pArray->addObject(frame1);
pArray->addObject(frame2);
pArray->addObject(frame3);
//创建动画
CCAnimation* animation=CCAnimation::createWithSpriteFrames(pArray,0.5f);
CC_BREAK_IF(!animation);
//初始化并设置一个Sprite
CCSprite* girlSprite=CCSprite::spriteWithTexture(pTexture);
CC_BREAK_IF(!girlSprite);

//设置坐标点
girlSprite->setPosition(ccp(size.width/2,size.height/2));
this->addChild(girlSprite,2);

//使用animation生成animate
CCAnimate* animate=CCAnimate::actionWithAnimation(animation);
CC_BREAK_IF(!animate);
girlSprite->runAction(CCRepeatForever::create(animate));

bRet = true;
} while (0);

return bRet;
}

void HelloWorld::menuCloseCallback(CCObject* pSender)
{
// "close" menu item clicked
CCDirector::sharedDirector()->end();
}

完整代码:(整个HelloWorldScene.cpp) [  我晕 ,为什么没有语法高亮  ? 求高人指导 ...  ]

一些需要补充的细节:

1 ,如何将图片加入:

首先把图片放到项目的resource文件夹下面 (从计算机操作)

然后通过在vs的项目中的 resource文件夹 ,右键 ,添加已有项即可

2 ,关于png和jpg  ?

png会保留图片的透明区域(让它看起来是透明的 ) ,如果图片没有透明区域 ,可通用

本人没怎么用过博客 ,所以有些凌乱 ...