（转）在NGUI使用图片文字（数字、美术字）（直接可用于UILable）

本文永久地址：http://www.omuying.com/article/24.aspx，【文章转载请注明出处！】

在 Unity 开发过程中，我们经常会使用到美术提供的图片文字（数字）来美化我们的游戏界面，借助强大的 NGUI 插件支持，我们很容易就可以在界面上显示美术字！具体步骤可以参与如下操作：

说明：使用的 NGUI 插件版本为 NGUI Next-Gen UI v3.5.8，因版本不同，步骤可能会有所不同，请根据插件版本选择合适的步骤。

1、NGUI 支持图片字体（美术字），我们可以通过 NGUI->Open->Font Maker，查看字体图集的生成方式，在 Input 选项中，选择 Type 为 Imported Bitmap 选项时，我们可以看到出现了 Font Data，以及一个 Texture 选项，根据下面的说明，我们可以看到 FontData 需要使用 fnt 文件，并且 fnt 的制作需要借助 BMFont 这个软件来创建。如图所示：

2、首先先下载 BMFont 软件，官方下载地址：http://www.angelcode.com/products/bmfont/

3、安装完成之后界面如下：

4、我们先取消默认选择的字体库，可以在箭头位置点击取消选择/选择，设置之后的界面如下：

5、接着我们选择 Options->Export options，打开导出设置，在 Bit depth 选项，我们选择32位，上面的 Width 与 Height 可以根据文字多少进行调整，设置好之后点击 OK 按钮保存，界面如下：

6、然后我们选择 Edit->Open Image Manager，打开图片管理界面，继续选择 Image->Import Image，选择要导入的文字图片路径，双击选中文字图片，界面如下：

 

7、这时候出现 Icon Image 界面，这个界面我们需要设置的地方主要就是 ID，如图所示：

8、ID 编号可以通过选择（悬浮鼠标）左侧的文字来查看，如图所示：

9、查找到编号之后，填写到 ID 位置点击 OK 按钮，我们可以看到左侧的相应文字右下角出现变化，操作之后界面如图所示：

10、重复添加图片文字，直到所有图片文字全部添加完，最后结果如图所示：

11、我们可以通过 Options->Visualize 来预览结果，如图所示：

12、之后选择 Options->Save Bitmap font as，保存字体，选择好位置之后保存，如图所示：

13、复制生成好的文件到 Unity 中，如图所示：

14、打开 NGUI->Open->Font Maker，然后 Type 选择 Imported Bitmap，选择我们的刚才复制过来的文件，点击Create the Font 按钮创建字体，字体创建完成之后就可以在 NGUI 中使用了，如图所示：

 

15、我们创建一个 Label 来显示图片文字，设置如图所示：

16、最终结果如图：