step1:创建一个cocos2d-win32 application,并命名为menu

step2:为了简化代码,我吧HelloWorldScene.cpp中的init()函数中的“Hello World”和背景代码段删除了。同时,为了省去时间,我很简单地做了一些按钮。

在HelloWorldScene.cpp中我修改了init()函数,如下:

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::itemFromNormalImage(
            "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::menuWithItems(pCloseItem, NULL);
        pMenu->setPosition(CCPointZero);
        CC_BREAK_IF(! pMenu);
 
        // Add the menu to HelloWorld layer as a child layer.
        this->addChild(pMenu, 1);
 
 
        // Get window size and place the label upper. 
        CCSize size = CCDirector::sharedDirector()->getWinSize();
 
    //用图片来做按钮
    CCMenuItemImage* myItems = CCMenuItemImage::itemFromNormalImage(
      "normal.png", "down.png",
      this, 
      menu_selector(HelloWorld::myMenuCallback));
    CC_BREAK_IF(!myItems);
    myItems->setPosition(ccp(size.width/2, size.height - 50));
    CCMenu* myMenu = CCMenu::menuWithItems(myItems, NULL);
    myMenu->setPosition(CCPointZero);
    CC_BREAK_IF(!myMenu);
    this->addChild(myMenu, 1);
 
    //用文字来做按钮
    CCLabelTTF* pLabel = CCLabelTTF::labelWithString("sceondMenu", "Arial",40);
    CCMenuItemLabel* pItemLabel = CCMenuItemLabel::itemWithLabel(pLabel,
      this, menu_selector(HelloWorld::secondMenuCallback));
    //itemWithLabel中最后一个参数是按钮响应事件,想要定义点击按钮后发生的事,就要在secondMenuCallback响应函数中添加响应代码
    CCMenu* pSecondMenu = CCMenu::menuWithItems(pItemLabel, NULL);
    pItemLabel->setPosition(ccp(size.width/2, size.height-150));
    pSecondMenu->setPosition(CCPointZero);
 
    this->addChild(pSecondMenu, 2);
 
 
        bRet = true;
    } while (0);
 
    return bRet;
}

我们可以发现,虽然添加的按钮类型不同,但步骤还是大同小异的,

首先,定义一个按钮项来装载相应的按钮源(如image图像源、label文字源……),并设置按钮项的位置

然后,定义个按钮类来装载上一步中定义好的按钮项,并设置容按钮容器的位置

最后,添加按钮到背景(Layer)中

 

同时,在HelloWorldScene.h的类中添加了两个按钮响应函数

void myMenuCallback(CCObject* pSender);
void secondMenuCallback(CCObject* pSender);

在HelloWorldScene.cpp中对应的代码:

void HelloWorld::myMenuCallback(CCObject* pSender)
{
//自己添加响应的事件
}
 
void HelloWorld::secondMenuCallback(CCObject* pSender)
{
  CCScene* scene = CCScene::node();
  CCSprite* pSprite = CCSprite::spriteWithFile("HelloWorld.png");
 
  CCSize size = CCDirector::sharedDirector()->getWinSize();
   
  pSprite->setPosition(ccp(size.width/2, size.height/2));
 
  CCLayer* pLayer = CCLayer::node();
  pLayer->addChild(pSprite);
  scene->addChild(pLayer);
  CCDirector::sharedDirector()->replaceScene(scene);
 
  
}

step3:编译运行,可以见到有个按钮,一个是图形按钮(很粗糙),另一个是文字按钮。点击第一个按钮没有任何反应,那时因为我没有在响应事件中添加任何代码,点击第二个按钮后就出现了cocos2d-x的标志性背景。

 

源代码下载地址:http://download.csdn.net/download/wen294299195/4525807

打赏

发表评论

电子邮件地址不会被公开。