zoukankan      html  css  js  c++  java
  • (转)在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、最终结果如图:

  • 相关阅读:
    Windows CE下拨号上网
    JS验证示例
    Automation server can't create object , AUTOMATION服务器无法创建对象
    使用企业库调用存储过程(带参数)完成数据获取样例
    hibernate 一对多 多对一 关系表 增删改查大礼包ps二级查也有
    游戏服务器架构
    游戏中的加密算法
    二进制高效位运算
    游戏网络知识
    复习hiernate
  • 原文地址:https://www.cnblogs.com/wonderKK/p/4306054.html
Copyright © 2011-2022 走看看