cocos2d-x android游戏使用自己的字体

来源：未知责任编辑：智问网络发表时间:2013-11-08 08:44　点击:次

在使用cocos2d-x发布Android平台游戏时，游戏中可能需要显示中文字体，或者想显示漂亮的自定义字体,这怎么办呢？
cocos2d-x中字体标签提供了CCLabelAtlas, CCLabelBMFont CCLabelTTF

1.CCLabelAtlas速度快，支持简单有限的几个字符或数字集合

2.CCLabelBMFont
我们可以用CCLabelBMFont来加载字体编辑器生成的.plist文件，但是当显示的文字很多时，这种做法就有点费时费力了
如：我们想显示游戏中剧情介绍

3.CCLabelTTF
支持选择一种字体来显示文字，但是只支持系统中默认字体
CCLabelTTF* pLabel = CCLabelTTF::create("Hello World", "Arial", 24);

问题：我们在Android游戏中想显示游戏剧情，想用自己指定的一种字体gril.ttf(非系统默认字体),怎么办

其实cocos2d-x已经提供了帮我们实现了
构造CCLabelTTF中指定的字体名传给了CCTexture2D
void CCLabelTTF::updateTexture()
{
    CCTexture2D *tex;
    if (m_tDimensions.width == 0 || m_tDimensions.height == 0)
    {
        tex = new CCTexture2D();
        tex->initWithString(m_string.c_str(), m_pFontName->c_str(), m_fFontSize * CC_CONTENT_SCALE_FACTOR()) ;
    }
    else
    {
        tex = new CCTexture2D();
        tex->initWithString(m_string.c_str(),
                            CC_SIZE_POINTS_TO_PIXELS(m_tDimensions),
                            m_hAlignment,
                            m_vAlignment,
                            m_pFontName->c_str(),
                            m_fFontSize * CC_CONTENT_SCALE_FACTOR());
    }

.
}
CCTexture2D又将字体名传给了CCImage
(PS:这里调用的是android平台下的CCImage类(./platform/android/CCImage.h)
而不是win32平台下的CCImage类(./platform/win32/CCImage.h) )

android平台下的CCImage
bool CCImage::initWithString(
                               const char *    pText,
                               int             nWidth/* = 0*/,
                               int             nHeight/* = 0*/,
                               ETextAlign      eAlignMask/* = kAlignCenter*/,
                               const char *    pFontName/* = nil*/,
                               int             nSize/* = 0*/)
{
    bool bRet = false;

    do
    {
        CC_BREAK_IF(! pText);

        BitmapDC &dc = sharedBitmapDC();

CC_BREAK_IF(! dc.getBitmapFromJava(pText, nWidth, nHeight, eAlignMask, pFontName, nSize));

        // assign the dc.m_pData to m_pData in order to save time
        m_pData = dc.m_pData;
        CC_BREAK_IF(! m_pData);

        m_nWidth    = (short)dc.m_nWidth;
        m_nHeight   = (short)dc.m_nHeight;
        m_bHasAlpha = true;
        m_bPreMulti = true;
        m_nBitsPerComponent = 8;

bRet = true;
} while (0);

return bRet;
}

然后调用了android平台下的BitmapDC
    bool getBitmapFromJava(const char *text, int nWidth, int nHeight, CCImage::ETextAlign eAlignMask, const char * pFontName, float fontSize)
    {
        JniMethodInfo methodInfo;
        if (! JniHelper::getStaticMethodInfo(methodInfo, "org/cocos2dx/lib/Cocos2dxBitmap", "createTextBitmap",
            "(Ljava/lang/String;Ljava/lang/String;IIII)V"))
        {
            CCLOG("%s %d: error to get methodInfo", __FILE__, __LINE__);
            return false;
        }

}

这里显示了调用JAVA代码Cocos2dxBitmap.java下的createTextBitmap函数

    /*
     * @width: the width to draw, it can be 0
     * @height: the height to draw, it can be 0
     */
    public static void createTextBitmap(String content, String fontName,
            int fontSize, int alignment, int width, int height){

        content = refactorString(content);
        Paint paint = newPaint(fontName, fontSize, alignment);

        TextProperty textProperty = computeTextProperty(content, paint, width, height);

int bitmapTotalHeight = (height == 0 ? textProperty.totalHeight:height);

        // Draw text to bitmap
        Bitmap bitmap = Bitmap.createBitmap(textProperty.maxWidth,
                bitmapTotalHeight, Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);

        // Draw string
        FontMetricsInt fm = paint.getFontMetricsInt();
        int x = 0;
        int y = computeY(fm, height, textProperty.totalHeight, alignment);
        String[] lines = textProperty.lines;
        for (String line : lines){
            x = computeX(paint, line, textProperty.maxWidth, alignment);
            canvas.drawText(line, x, y, paint);
            y += textProperty.heightPerLine;
        }

        initNativeObject(bitmap);
    }

在newPaint函数中调用了字体加载
private static Paint newPaint(String fontName, int fontSize, int alignment){
        Paint paint = new Paint();
        paint.setColor(Color.WHITE);
        paint.setTextSize(fontSize);
        paint.setAntiAlias(true);

        /*
         * Set type face for paint, now it support .ttf file.
         */
        if (fontName.endsWith(".ttf")){      //字体需要.ttf结束
             try {
                //Typeface typeFace = Typeface.createFromAsset(context.getAssets(), fontName);
                 Typeface typeFace = Cocos2dxTypefaces.get(context, fontName);
                  paint.setTypeface(typeFace);
             } catch (Exception e){
                 Log.e("Cocos2dxBitmap",
                     "error to create ttf type face: " + fontName);

                 /*
                  * The file may not find, use system font
                  */
                 paint.setTypeface(Typeface.create(fontName, Typeface.NORMAL));
             }
        }
        else {
            paint.setTypeface(Typeface.create(fontName, Typeface.NORMAL));
        }

        .......

        return paint;
    }
（PS:Typeface类定义字体和字体内在的类型。这个类被用在画笔Paint设置的时候，比如用textSize,textSkewX和textScale设置来指定text在画的时候如何来显示和测量。
android中用Typeface来指定字体）

另一点需要注意的是：字体需要.ttf结束

使用方法：
1.在proj.android\assets文件夹中添加girl.ttf
2.程序中调用对应的字体就可以了
    CCSize size = CCDirector::sharedDirector()->getWinSize();
    CCLabelTTF* label = CCLabelTTF::create("少女HelloWorld", "girl.ttf", 24);
    label->setPosition(ccp(size.width/2, size.height/2));
    addChild(label);
3.如果你需要显示汉字，则需要将包含有字符串的文件(如.cpp)转换为UTF-8格式编码，否则会显示乱码

IOS和win32平台没有测试，相信的差不多

附上测试图片：