UGUI 学习笔记 2 静态字体

来源:互联网 发布:软件项目总结ppt 编辑:程序博客网 时间:2024/06/16 13:04

静态字体
1. 生成静态字体的参数文件.fnt和资源集文件.png
在BMFont中打开Image Manager 添加资源文件,并设置好对应的ID
这里写图片描述
鼠标移动到符号上方,红色方框就会出现对应的ID值。
添加好图片,设置好ID后,设置导出选项Option->Export Options,参数设置如下
这里写图片描述
Width >单个图片.width*图片数量,height>单个图片.height*数量
Option->Save bitmap as.. 参数文件.fnt和资源集文件.png,将png垂直翻转,因为参数文件中坐标的原点在png的左上角,材质球中的坐标原点在png左下角。
这里写图片描述
2. 创建材质球
参数文件.fnt和资源集文件.png导入到unity中,png的格式设置如下
这里写图片描述

这里写图片描述
给材质球绑定图片。
这里写图片描述
3. 生成字体
这里写图片描述
4. 设置字体
这里写图片描述
参照 参数文件.fnt
Item一一对应。
Index=Ascii Start Offset+index in collection
如果 Ascii Start Offset 设置为0,index=id
如果 Ascii Start Offset 设置为最小id,index=id-最小id
Uv 中 X=x/scaleW Y=y/scaleH W=width/scaleW H=height/scaleH
Vert 中 X=xoffset Y=yoffset W=width H=height
Advance=width
5. 引用字体
这里写图片描述
6. 注意事项
生成的资源集.png 要 垂 直 翻转
资源集.png 的 Texture Type 必须和下图一样,才是彩色透明的图。
这里写图片描述
材质球的shader设置类型是 GUI Text Shader
这里写图片描述
字体中的line spacing 设置大于单个图片的Height
Tracking 设置的是 字间距
BMfont 导出参数中图片集.png的weight和hight
Width >单个图片.width*图片数量,height>单个图片.height*数量
7. 和NGUI的区别
不能改变Font的size,NGUI中可以更改
过程比NGUI复杂
8. BMFont工具地址
链接:http://pan.baidu.com/s/1bpnia7d 密码:4ak8

原创粉丝点击