NGUI研究之有点坑爹的图文混排


最近研究了了一下NGUI的图文混排工具，得出的结论是有点坑爹。。大家看看我的测试步骤，我用的是目前NGUI的版本3.6.6 。

当我在 Open BitMapFont Marker 的时候界面上出现Assets/NGUI/Editor/FreeType.dylib is missing 的字样。于是查了一下，大概意思是必须要把FreeType.dylib 文件拷贝在/usr/local/lib/FreeType.dylib路径下面。FreeType.dylib 文件在NGUI/Editor目录下面。想提高打开界面速度的可以看下NGUI研究之为什么打开界面太慢

首先打开Finder，然后Command + Shift + G 如下图所示，在输入框里面输入/usr/打开文件夹。





接着，如下图所示，把FreeType.dylib 文件拷贝进去，另外如果你的电脑没有local/lib文件夹的话你可以自己手动创建一个。





接着在Project视图中鼠标右键选择NGUI -> OpenBitmap Font Maker 如下图所示，Unity弹出Font Maker界面，然后点击Source按钮，在右侧Select a Font界面中选择一个在你项目工程中的字体。





Font Maker 界面上有四个选项，Numeric ASCII Latin Custom，我是多么希望它能再有个Dynamic的选项呀，可是丫就是没有。。 这里我们选择Custom自定义。如下图所示，Characters窗口里面的字符，就是预先打包生成的纹理材质。Output下方Atlas选择你需要图文混排的Atlas图集。最后点击Creat the font 就可以了。





接着我们需要设置图文混排中图片的Atals，如下图所示，在制作出的UIFont上，选择一个图集，然后在给图集起个名子， 这里我起了一个 MOMO 和 RORO两个名子， 也就是说当文本中出现MOMO 和RORO字符串的时候，将会自动替换成图片。





如下图所示，我们的图文混排已经完成了。





但是你千万别高兴的太早，我觉得NGUI现在的图文混排不太适合用来做中文版的项目。为什么呢？

1.不支持动态TTF字体的图文混排，凡是参与图文混排的文字都必须打在一个BitMap上面，这是做中文版本无法接收的，因为我们必须要用TTF动态字体。

2.NGUI图文混排的高度计算的有问题。看到了吗?如果你参与图文混排的两个图片大小不一样，如果文字进行换行，高度会计算错误。。





3.比如想第一个文字设置成红色，然后跟着一个图片，然后在跟一个绿色的字，那么它也做不成。。

4.调节文字间的横向和纵向的距离，它也做不成。

想了想目前还是先不要用NGUI的图文混排了，呵呵。