UGUI中使用位图艺术字(使用BMfont的两种方式)

孙广东  2016.8.12


 http://blog.csdn.net/u010019717/

第一种方式实现:

   NGUI中有 动态字体, BMFont (从官网下载就是一个  .exe  文件! http://www.angelcode.com/products/bmfont/  )

 UGUI中使用位图艺术字(使用BMfont的两种方式)_第1张图片

BMFont      Edit -> Open Image Manager 然后选择,  注意ID  每个图片的ID。

 UGUI中使用位图艺术字(使用BMfont的两种方式)_第2张图片

Options ->  Export Options 

 UGUI中使用位图艺术字(使用BMfont的两种方式)_第3张图片

 

导出生成:

 UGUI中使用位图艺术字(使用BMfont的两种方式)_第4张图片

 

 

下面的Unity编辑器工具,  代码是从 NGUI中抽出来的。!!!!

BMFont生成图集和 fnt文件(选择【Text】格式的 fnt 文件)

 

 http://blog.csdn.net/u010019717/

导出 文件有两个,  图集文件  和  .txt 的文本文件。

 

将这两个文件导入到Unity中!。

然后新建材质Material (shader改为 GUI/ TextShader   贴图赋值 刚刚导入的 图集文件 )      Custom Font (材质赋值刚刚创建的材质)

 

最后一步设置关联有两种,  第一种方式:   新建一个空对象 -》添加 MyFont.cs脚本, Inspector上赋值。然后运行。OK

 UGUI中使用位图艺术字(使用BMfont的两种方式)_第5张图片

第二种,  编辑菜单 Tool -  FontMaker ( 赋值, 然后点击生成字体按钮, OK)

 UGUI中使用位图艺术字(使用BMfont的两种方式)_第6张图片

 

第二种方式实现:

 

和之前的  导出类似:   Options  -> Export Options 

 

 UGUI中使用位图艺术字(使用BMfont的两种方式)_第7张图片

 

 

 

 

// 这里说一下,   在Unity中的另一种操作方式

 

BitmapFontGenerator使用!

  1. BMFont 生成图集和 fnt文件(选择【XML】格式的 fnt 文件
  2. 将 BitmapFontGenerator.cs 添加到  Editor 文件夹下。
  3. 选中导入Unity中的  Fnt 文件 和 图集文件 。
  1. 右键单击并   Create  → BitmapFont。
  2. 在这个当前文件夹下会产生      Material文件和   字体文件。
UGUI中使用位图艺术字(使用BMfont的两种方式)_第8张图片

使用字体文件

     把刚刚制作的字体赋值给  Text组件的  Font上。 就会看到这个字体的内容。

 UGUI中使用位图艺术字(使用BMfont的两种方式)_第9张图片

 

(4) 位图字体调整大小与字号

将脚本附加到Text组件的游戏物体上。

       Add Component-> Bitmap Font Scaling

文本内容相同但是大小不同了!

 UGUI中使用位图艺术字(使用BMfont的两种方式)_第10张图片

        第一行的  FontSize:40,  第二行 的 FontSize:25,  通过改变FontSize 大小其实更改的事   Transform   Scale 值!

 UGUI中使用位图艺术字(使用BMfont的两种方式)_第11张图片

富文本  的支持(这个没有什么,  之前是彩色的那么这个用不到啊, 而且加粗不好使!)

 http://blog.csdn.net/u010019717/

http://blog.csdn.net/u010019717/









你可能感兴趣的:(unity3d,Editor私人定制)