随笔 - 132  文章 - 51  trackbacks - 0
<2011年6月>
2930311234
567891011
12131415161718
19202122232425
262728293012
3456789

常用链接

留言簿(7)

随笔分类

随笔档案

文章分类

文章档案

cocos2d-x

OGRE

OPenGL

搜索

  •  

最新评论

阅读排行榜

评论排行榜

在使用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平台没有测试,相信的差不多

附上测试图片:




哈哈 可以在游戏中打包自己想要的字体啦






posted on 2012-10-15 16:58 风轻云淡 阅读(14739) 评论(4)  编辑 收藏 引用 所属分类: cocos2d

FeedBack:
# re: cocos2d-x android游戏使用自己的字体 2012-10-16 03:01 fzy
good  回复  更多评论
  
# re: cocos2d-x android游戏使用自己的字体 2014-03-13 17:58 lwx5924
差别有点大....  回复  更多评论
  
# re: cocos2d-x android游戏使用自己的字体[未登录] 2014-10-17 10:35 lee
天差地别  回复  更多评论
  
# re: cocos2d-x android游戏使用自己的字体 2014-11-02 18:56 叛逆神佛
win32 和 ios不行啊,只有android可以  回复  更多评论
  

只有注册用户登录后才能发表评论。
网站导航: 博客园   IT新闻   BlogJava   博问   Chat2DB   管理