cocos 学习笔记二菜单项

《权威指南》第五章中讲述了菜单项这个重要UI,菜单项的子类可以加入Ccmenu中形成菜单。其继承关系如下(图来自原书):

这里主要使用精灵菜单项(CcmenuItemSprite)及其子类图片菜单项来体会其作用。
使用精灵菜单项创建方法

auto item = CcmenuItemSprite::create(spritenormal,spriteSelect,spritedisable,this,menu_selector(HelloWorld::menuCallback));
Ccmenu*pMenu = Ccmenu::create(item,NULL);
pMenu->setPosition(Point::ZERO);

其中spritenormal,spritedisable是三个精灵类创建的对象,对应菜单按钮普通、选中、无效三个状态时的图像。
使用CcmenuItemImage类创建时,只需给出图像文件名即可。

假设现在一个类似我的世界这样的游戏,在造建筑时,需要用到某个模块,则需要点击一个按钮选中对应道具,再返回,一共要三步,显得有些繁琐。如果要简化这个过程,可以使选择菜单漂浮在界面上,并且可以随处拖动。
这里要用到上一次学的内容http://www.jb51.cc/article/p-wzbmpebk-bpm.html)。
上一次我们用的是精灵类的对象作为hero,可在屏幕上触摸拖动。其对象本身只具有显示图片功能,没有别的属性
这次需要拖动的是一个菜单,上面有数个按钮。因此可以用结点类(CCNode)来装下这一块以满足需求(事实上似乎使用精灵类也可以)。
除了这个可以拖动的菜单,还需要一个按钮来控制这个菜单显示与隐藏。这个按钮是常驻的。我们可以用上面代码中的回调函数来描述:

void HelloWorld::menuCallback(Ref*ref){
    if (ishero){
        this->removeChild(hero,false);
        hero->release();
        ishero = false;
    }
    else{
        hero = CCNode::create();
        auto p = CCSprite::create("menu_cho.png");
        p->setPosition(Point::ZERO);
        hero->addChild(p,1);
        hero->setPosition(300,300);
        this->addChild(hero,3);
        ishero = true;
    }
}

其中ishero是一个bool型变量,作为控制菜单显示的开关。上面的代码可以实现菜单显示与隐藏,但这个菜单还只空有框架背景没有菜单功能。需要在else中添加如下代码将按钮添加进去:

auto bt = CcmenuItemImage::create("menu_button.png","menu_button_down.png",NULL,menu_selector(HelloWorld::buttonCallback));
        auto m1 = Ccmenu::create(bt,NULL);
        Point pt = Point::ZERO;
        pt.x += 140;
        //按钮相对背景菜单的坐标
        m1->setPosition(pt);
        hero->addChild(m1,2);

这里只添加一个按钮,效果图如下:

显示菜单

相关文章

    本文实践自 RayWenderlich、Ali Hafizji 的文章《...
Cocos-code-ide使用入门学习地点:杭州滨江邮箱:appdevzw@1...
第一次開始用手游引擎挺激动!!!进入正题。下载资源1:从C...
    Cocos2d-x是一款强大的基于OpenGLES的跨平台游戏开发...
1.  来源 QuickV3sample项目中的2048样例游戏,以及最近《...
   Cocos2d-x3.x已经支持使用CMake来进行构建了,这里尝试...