cocos2d-x 图片数字显示，可用于计分板，金币显示板等

作用：cocos2d-x 编写的图片数字显示，可用于计分板，金币显示板等。

先看看效果图：

1.图片格式

我所编写的代码是按照下面图片中的数字排列顺序编写的

2.编写 NumberSprite 类，但数字的显示

这个类主要是实现单个的数字显示用

//
//  NumberSprite.h
//  ShowNumberNodeTest
//
//  Created by Za aa on 13-7-14.
//
//

#ifndef __ShowNumberNodeTest__NumberSprite__
#define __ShowNumberNodeTest__NumberSprite__

#include "cocos2d.h"
USING_NS_CC;
class  NumberSprite : public CCSprite
{
public:
    /*
     创建一个数字精灵
     参数:
            pTexture: 包含所有数字图片的图片
            width; 单个数字显示的图片宽度
            lenght; 数字显示高度
    */
    static NumberSprite *CreateNumberSprite(CCTexture2D *pTexture, float width, float lenght);

    /*
     直接显示数字
     参数：
        num 是显示的数字图片序号
        isanimation：是否显示动画
     */
    void f_ShowNumber(int num);
    

    /**初始化 */
    bool myInit(float width, float lenght);

    
private:
    /** 保存输入的图片宽高，用于显示滚动数字或是直接显示数字*/
    //保存显示图片宽度
    float s_width;
    //保存图片高度
    float s_lenght;


   };

#endif /* defined(__ShowNumberNodeTest__NumberSprite__) */

//
//  NumberSprite.cpp
//  ShowNumberNodeTest
//
//  Created by Za aa on 13-7-14.
//
//

#include "NumberSprite.h"

bool NumberSprite::myInit(float width, float lenght)
{
    s_width     =   width;
    s_lenght    =   lenght;


}
NumberSprite *NumberSprite::CreateNumberSprite(CCTexture2D *pTexture, float width, float lenght)
{
    NumberSprite *pobSprite = new NumberSprite();

    if (pobSprite && pobSprite->initWithTexture(pTexture)  )
    {
        pobSprite->setVisible(false);
        pobSprite->myInit(width , lenght);
        pobSprite->autorelease();
        return pobSprite;
    }
    CC_SAFE_DELETE(pobSprite);
    return NULL;
}

void NumberSprite::f_ShowNumber(int num)
{
   
    this->setVisible(true)  ;
    this->setTextureRect(CCRectMake(s_width * num, 0, s_width, s_lenght));
}

3.多数字显示

//
//  ShowNumberNode.h
//  ShowNumberNodeTest
//
//  Created by Za aa on 13-7-12.
//
//

#ifndef __ShowNumberNodeTest__ShowNumberNode__
#define __ShowNumberNodeTest__ShowNumberNode__

#include "cocos2d.h"
USING_NS_CC;
/*

*/

#define SCROLLTIME 0.2f
class ShowNumberNode : public CCNode
{
public:
    /*
        创建一个showNumberNode节点
    参数：
        path: 文件名
        numberMAX：数字显示的最大值
        showwidth: 每个数字图片的宽度
        showheight:每个数字图片的宽度

    */
    static ShowNumberNode *CreateShowNumberNode(const char *path, int numberMAX, float showwidth, float showheight);

    /*同上*/
    bool Init(const char *path, int numberMAX, float showwidth, float showheight);

    
    // 修改显示数字,直接显示数字无滚动
    void f_ShowNumber(int number);
    


private: 
    //添加数字精灵到节点,并进行排列
    void f_addSprite();

    //判断输入数字的位数，比如：11就是2位，333就是3位
    int f_NumberLength(int number);

    //返回num从右边开始第k位数字的值,比如：654321,第3就是3，也就是百位上的数字
    int f_GetNumber(int num, int k);

private:
   
    //用于保存数字最大值
    int s_NumberMax;

    //计算数字最大位数
    int s_NumberLength;

    //图片宽度
    float s_ShowWidth;

    //    图片的高度
    float s_ShowHeight;

    CCSpriteBatchNode *batchNode ;





};


#endif /* defined(__ShowNumberNodeTest__ShowNumberNode__) */

//
//  ShowNumberNode.cpp
//  ShowNumberNodeTest
//
//  Created by Za aa on 13-7-12.
//
//

#include "ShowNumberNode.h"
#include "NumberSprite.h"
ShowNumberNode *ShowNumberNode::CreateShowNumberNode(const char *path, int numberMAX, float showwidth, float showheight)
{
    ShowNumberNode *pobSprite = new ShowNumberNode();

    if (pobSprite )
    {

        pobSprite->Init(path , numberMAX, showwidth, showheight);
        pobSprite->autorelease();
        return pobSprite;
    }
    CC_SAFE_DELETE(pobSprite);
    return NULL;

}
bool ShowNumberNode::Init(const char *path, int numberMAX, float showwidth, float showheight)
{
    //初始化参数
    this->s_NumberMax = numberMAX;
    this->s_ShowWidth = showwidth;
    this->s_ShowHeight = showheight;

    //计算数字长度
    s_NumberLength = f_NumberLength(numberMAX);

    //
    batchNode = CCSpriteBatchNode::create(path);

    //将numbersprite 添加进节点
    f_addSprite();

    return true;

}
/*添加数字精灵到节点,并进行排列*/
void ShowNumberNode::f_addSprite()
{

    for (int i = 0; i < s_NumberLength; i++)
    {
        /* code */
        NumberSprite *nsp  = NumberSprite::CreateNumberSprite(batchNode->getTexture(), s_ShowWidth, s_ShowHeight);

        nsp->setPosition(ccp(-s_ShowWidth * i, 0));

        batchNode->addChild(nsp, 0, i);

    }

    this->addChild(batchNode);
}

// 修改显示数字
void ShowNumberNode::f_ShowNumber(int number)
{
   
    if (number < 0 || number > s_NumberMax)
        return;

    int numlength = f_NumberLength(number);


    for (int i = 0; i < s_NumberLength; i++)
    {
        /* code */
        int num = f_GetNumber(number, i + 1);


        NumberSprite *nsp =  (NumberSprite * ) batchNode->getChildByTag(i);

        //将超出数字的隐藏，比如：最大值是999，现在需要显示33，那就是隐藏百位上的0
        if (i >= numlength)
        {
            //TODO :
            nsp->setVisible(false);
           //break;
        }
        else
        {
            nsp->setVisible(true);
            nsp->f_ShowNumber(num);
        }

       

    }
    
}





//判断输入数字的位数，比如：11就是2位，333就是3位
int ShowNumberNode::f_NumberLength(int number)
{
    if(number == 0 )
        return  1;
    int flag = 0;
    while (number)
    {
        number /= 10;
        flag++;
    }
    return flag;

}

//返回num从右边开始第k位数字的值
int ShowNumberNode::f_GetNumber(int num, int k)
{
    while (k > 1) //我们计数是从1开始的，电脑是从0开始的。当k=1时，依然大于0，还要执行一次循环，那样就多减了一位，所以到1就结束

    {
        num = num / 10;
        k--;

    }
    return num % 10 ; //返回数位的值
}

4.测试一下

在helloworld中添加一个函数

void HelloWorld::addNumberNode()
{
    ShowNumberNode * snn = ShowNumberNode::CreateShowNumberNode("menu_num.png", 923, 22, 30 );
    snn->f_ShowNumber(testnum);
    snn->setPosition(ccp(100,100));
    this->addChild(snn,0,0);
 schedule(schedule_selector(HelloWorld::logic), 2.0f);

}

之后再编写logic函数，让他自动的变一下数字

 void HelloWorld::logic(float dt)
{
    ShowNumberNode * snn = (ShowNumberNode *)this->getChildByTag(0);
    snn->f_ShowNumber(testnum );
    testnum = testnum +10;
    
    
}

这样运行一下就会是上面效果图的样子了

这几个文件的代码大家进入下载页去下载吧，不要资源分啊

http://download.csdn.net/detail/u011405562/5804571