NGUI图集

自定义图集

第一步：
导入NGUI 外部包。这个大家都应该会吧。

第二步：
准备一些图片资源，这里我借用一下2DToolKit 的一些图片，并将其导入到Unity3D 工程中

图片:1.png

图片:2.png

第三步：
创建图集，并为图集起名为MyAtlas ，随即选图集中所需要的图片资源，点击Create 。如图：

图片:3.png

图片:4.png

这时就会在Font&Atlas 目录下生成一个Prefab 文件一个Material 和一个贴图

图片:5.png

此时我们自定义图集就创建完毕了。下面我们开始创建自定义字体。

自定义字体集

第四步：
这里用到的是BMfont 工具，运行，界面如图：

图片:6.png

第五步：
设置字体样式和大小， 这里我用了我比较喜欢的萝莉体，并讲字体大小设置成32 ，字符编码选择<Unitcode>

图片:7.png

图片:18.png

第六步：
由于字量太大，我只需要少量的字，那么我需要对其进行筛选，如果你需要的多，例如聊天功能，那么就跳过这步吧。
创建一个文本文件，讲你需要的文字写在里面。并保存为UTF-8 编码

图片:8.png

图片:9.png

筛选文字

图片:10.png

打开你刚刚建立的文本文件，然后选择

图片:11.png

第七步：
导出设置

图片:12.png

图片:20.png

由于文字量不多，贴图的大小就设置成512 吧，深度Bit depth 选择32 ，字体描述Font descriptor 选择Text ， 贴图Textures 选择png 格式，OK

第八步：
导出

图片:13.png

选择保存路径，和文件名，这里我为其起名为：myFont 。随后找到myFont.fnt 文件，将其扩展名改为 .txt 然后讲txt 和png 文件导入到Unity3D 的项目中

图片:14.png

第九步： 自定义字体集

图片:15.png

图片:16.png

其中  Font Data 中拖进你刚刚建立的txt 文件，Texture 拖进刚刚建立的png 文件，Font Name 自己随便起个名字，这里我起名叫MyFont ， Atlas 拖进之前图集Prefab 文件，点击“Create the Font ” 此时项目中，就会生成你刚刚建立的字体MyFont

图片:17.png

测试： 创建一个Button 试试看吧，下面这个是我建立后的效果

图片:21.png