android游戏开发框架libgdx的使用（三）--中文显示与汉字绘制

转自：http://www.apkbus.com/forum.php?mod=viewthread&tid=19747&extra=page%3D1%26filter%3Dauthor%26orderby%3Ddateline%26orderby%3Ddateline

 

本来这篇想写场景的，但是昨天和群里一个朋友讨论了一下libgdx显示汉字的问题。以前没有注意到这个问题，发现还是蛮严重的，要是不支持中文，libgdx用着就有点不愉快了。

我们来看看BitmapFont类，这是有关文字绘制的。看一下源码：

 

1. public BitmapFont () {
   
2. this(Gdx.files.classpath("com/badlogic/gdx/utils/arial-15.fnt"),
   
3. Gdx.files.classpath("com/badlogic/gdx/utils/arial-15.png"), false, true);
   
4. }

复制代码

这是默认的构造函数，可以看出它加载了两个文件arial-15.fnt和arial-15.png。arial-15.fnt文件的部分内容：

info face="Arial" size=15 bold=0 italic=0 charset="" unicode=0 stretchH=100 smooth=1 aa=1 padding=0,0,0,0 spacing=1,1
common lineHeight=18 base=14 scaleW=256 scaleH=256 pages=1 packed=0
page id=0 file="arial-15.png"
chars count=189
char id=32 x=0 y=0 width=0 height=0 xoffset=0 yoffset=14 xadvance=4 page=0 chnl=0
char id=255 x=0 y=0 width=8 height=19 xoffset=-1 yoffset=0 xadvance=7 page=0 chnl=0
char id=254 x=8 y=0 width=9 height=19 xoffset=1 yoffset=0 xadvance=8 page=0 chnl=0
char id=253 x=17 y=0 width=8 height=19 xoffset=-1 yoffset=0 xadvance=7 page=0 chnl=0
char id=252 x=25 y=0 width=9 height=19 xoffset=1 yoffset=0 xadvance=8 page=0 chnl=0
char id=251 x=34 y=0 width=9 height=19 xoffset=1 yoffset=0 xadvance=8 page=0 chnl=0
char id=250 x=43 y=0 width=9 height=19 xoffset=1 yoffset=0 xadvance=8 page=0 chnl=0
char id=249 x=52 y=0 width=9 height=19 xoffset=1 yoffset=0 xadvance=8 page=0 chnl=0
char id=248 x=61 y=0 width=9 height=19 xoffset=1 yoffset=0 xadvance=8 page=0 chnl=0
char id=247 x=70 y=0 width=9 height=19 xoffset=1 yoffset=0 xadvance=8 page=0 chnl=0
char id=246 x=79 y=0 width=9 height=19 xoffset=1 yoffset=0 xadvance=8 page=0 chnl=0
char id=245 x=88 y=0 width=9 height=19 xoffset=1 yoffset=0 xadvance=8 page=0 chnl=0
char id=244 x=97 y=0 width=9 height=19 xoffset=1 yoffset=0 xadvance=8 page=0 chnl=0
char id=243 x=106 y=0 width=9 height=19 xoffset=1 yoffset=0 xadvance=8 page=0 chnl=0
char id=242 x=115 y=0 width=9 height=19 xoffset=1 yoffset=0 xadvance=8 page=0 chnl=0
char id=241 x=124 y=0 width=9 height=19 xoffset=1 yoffset=0 xadvance=8 page=0 chnl=0
char id=240 x=133 y=0 width=9 height=19 xoffset=1 yoffset=0 xadvance=8 page=0 chnl=0
char id=239 x=142 y=0 width=5 height=19 xoffset=0 yoffset=0 xadvance=3 page=0 chnl=0
…

kernings count=374
kerning first=49 second=49 amount=-1
kerning first=121 second=44 amount=-1
kerning first=121 second=46 amount=-1
kerning first=119 second=44 amount=-1
kerning first=119 second=46 amount=-1
kerning first=118 second=44 amount=-1
kerning first=118 second=46 amount=-1
kerning first=114 second=44 amount=-1
kerning first=114 second=46 amount=-1
kerning first=89 second=44 amount=-2
kerning first=89 second=45 amount=-1
kerning first=89 second=46 amount=-2
kerning first=89 second=58 amount=-1
kerning first=89 second=59 amount=-1
kerning first=89 second=65 amount=-1
kerning first=89 second=97 amount=-1
kerning first=89 second=101 amount=-1

…

再看看arial-15.png：

2012-1-16 22:56 上传

下载附件(53.54 KB)

可以很明显看出，libgdx的文字绘制是根据fnt文件获取对应文字的在png中的坐标位置，然后截取图片的相应部分进行绘制。那么要让libgdx支持中文思路就很简单了，我们自己构造fnt和png文件，其中包含我们要使用的中文即可。作者给我们提供了一个对应的工具：Hiero。下载后双击运行，在右侧列表中选择一个可以用的字体，然后输入需要的中文，最好保留自动生成的英文和符号。

2012-1-16 22:49 上传

下载附件(67.41 KB)

在右侧的Effects中可以设置效果：

2012-1-16 22:49 上传

下载附件(74.26 KB)

点File—Save as BMFont Files，生成两个文件，将它们拷贝到asserts文件夹。

2012-1-16 22:50 上传

下载附件(25.07 KB)

使用

1. bitmapFont = new BitmapFont(Gdx.files.internal("cf.fnt"), Gdx.files.internal("cf.png"), false);

复制代码

指定我们生成的文件作为绘制的参考，然后绘制：

1. bitmapFont.draw(spriteBatch, "FPS" + Gdx.graphics.getFramesPerSecond(), 5, Gdx.graphics.getHeight() - 10);
   
2. bitmapFont.draw(spriteBatch, "祝大家光棍节快乐", 0, Gdx.graphics.getHeight()/2-8);

复制代码

效果：

2012-1-16 22:48 上传

下载附件(21.05 KB)

关于多行文字：可以调用

1. public TextBounds drawMultiLine (SpriteBatch spriteBatch, CharSequence str, float x, float y)

复制代码

或者

1. public TextBounds drawMultiLine (SpriteBatch spriteBatch, CharSequence str, float x, float y, float alignmentWidth,HAlignment alignment)

复制代码