【Cocos2d入门教程四】Cocos2d-x菜单篇

前端之家收集整理的这篇文章主要介绍了【Cocos2d入门教程四】Cocos2d-x菜单篇前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

游戏世界多姿多彩,无论多靓丽的游戏,多耐玩的游戏,在与游戏用户交互上的往往是菜单。 上一章我们已经大概了解了导演、节点、层、精灵。这一章以菜单主题

菜单(Menu)包含以下内容

1.精灵菜单项(MenuItemSprite)

2.图片菜单项(MenuItemImage)

3.文字菜单项(MenuItemFont)

4.标签菜单项(MenuItemLabel)

4.开关菜单项(MenuItemToggle)


菜单的继承关系:


这里图片菜单项也是同样继承于精灵菜单下。图片菜单项也可称为精灵菜单文字菜单项继承于标签菜单项下。总的来说菜单被分为三大类。

具体实现案例:

#include "HelloWorldScene.h"
USING_NS_CC;

Scene* HelloWorld::createScene()
{
    auto scene = Scene::create();
    
    auto layer = HelloWorld::create();

    scene->addChild(layer);

    return scene;
}

// on "init" you need to initialize your instance
bool HelloWorld::init()
{
    //////////////////////////////
    // 1. super init first
    if ( !Layer::init() )
    {
        return false;
    }
    
    //从导演单例中获取屏幕大小
    Size visibleSize = Director::getInstance()->getVisibleSize();
    
    //-----------------------------------------------------------------------
    //精灵菜单
    
    auto Spr =Sprite::create("CloseNormal.png");  //创建精灵
    
    auto pStartItem =MenuItemSprite::create(Spr,Spr,CC_CALLBACK_1(HelloWorld::menuCloseCallback,this));
    
    pStartItem->setPosition(100,100);
    
    
    
    //-----------------------------------------------------------------------
    //图片菜单
   
    MenuItemImage* pCloseItem = MenuItemImage::create(
                                                      "CloseNormal.png",//正常图片
                                                      "CloseSelected.png",//点击图片
                                                      CC_CALLBACK_1(HelloWorld::menuCloseCallback,this));//点击菜单执行的函数
    pCloseItem->setPosition(200,100);
    
   
    
    //-----------------------------------------------------------------------
    //标签菜单
    
    auto label = Label::createWithSystemFont("I am Label Item.","Arial",30);   //标签
    
    //标签菜单
    MenuItemLabel* pLabelItem = MenuItemLabel::create(label,this));
    
    pLabelItem->setPosition(400,100);
    
    
    //-----------------------------------------------------------------------
    //文字菜单
    
    auto pFontItem =MenuItemFont::create("hello",this));
    
    pFontItem->setPosition(200,200);
    
    
    //开关菜单
    //MenuItemToggle
    MenuItemToggle * pToggleMenu =MenuItemToggle::createWithCallback(
                                                                    CC_CALLBACK_1(HelloWorld::menuCloseCallback,this),MenuItemFont::create("On"),MenuItemFont::create("Off"),NULL);
    pToggleMenu ->setPosition(200,300);
    

    
    //-----------------------------------------------------------------------
    //菜单 容纳一切菜单子项
    Menu* pMenu = Menu::create(pStartItem,pCloseItem,pLabelItem,pFontItem,pToggleMenu,NULL);
    
    pMenu->setPosition(Vec2::ZERO);//位置定在原点

    this->addChild(pMenu);
    
    return true;
}


void HelloWorld::menuCloseCallback(Ref* pSender)
{
    log("点击我了");

}

效果图:



菜单(Menu)类常用方法简介

菜单类提供了不同几种方法来排列菜单项,使用它们你可以垂直排列你的菜单项,也可以水平排列,一下简单介绍这些方法的参数和用法

1.使用void alignItemsVertically();和 void alignItemsVerticallyWithPadding(float padding);可以使菜单项在垂直方向排列。其中padding参数为每个菜单项在垂直方向上的间距,如果没有该参数,则以默认间距排列。

2.使用void alignItemsHorizontally();和void alignItemsHorizontallyWithPadding(float padding);可以使菜单项在水平方向排列。其中padding参数为每个菜单项在水平方向上的间距,如果没有该参数,则以默认间距排列。


Ok.关于Cocos2d菜单分享就到此结束。下一章以Cocos2d的动作为主要内容进行浅析

猜你在找的Cocos2d-x相关文章