cocos2d-x学习笔记(6)--按钮

cocos2d-x学习笔记(6)--按钮

本文出自http://www.wenbanana.com稻草人博客，欢迎访问！

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