zoukankan      html  css  js  c++  java
  • 关于Unity中的NGUI字体

    NGUI字体类型

    1: UIFont字体,UIFont类实现的
    2: TTF动态字体的使用
    3: BBCode的特殊字体的使用
    4: NGUI字体制作
    5: BMFont字体制作和艺术字体的制作
    6: UILabel的使用

    UI Font字体

    UI Font组件属性

    Font Type:字体格式,Bitmap位图,Reference引用(可以引用TTF字体),Dynamic动态字体

    Atlas:图集,文字放在文字图片里面

    Pixel Size:像素大小

    Sprite Details:精灵的详诉,宽高,是否粗体,是否斜体

    Duplicate:复制一份

    Add a Shadow:添加一个阴影

    Add a Soft Outline:添加一个软轮廓

    Add a Transparent  Border:添加一个透明的边框

    Add a Clamped Border:添加一个裁剪的边框

    TTF动态字体实例

    1.创建一个新场景,删除摄像机和灯光

    2.创建一个新文件夹NGUI2,把TTF字体资源msyh.ttf(第75)拖进NGUI2中

    3.新建一个Label控件,NGUI---->Create---->Label

    4.设置Label节点的UI Label组件第一行第一栏为Unity,第三栏选择刚才导入的TTF字体资源msyh.ttf,在Text里面输入文字,可以看见Scene视图里面显示文字

    5.Overflow属性的类型

      a.ShrinkContent,总是显示所有文字,根据当前的width和height进行缩放
      b.ClampContent,一看到Clamp就想起Clamp函数,也就是不管文本多少个字,根据当前的width和height来显示,超出部分不显示
      c.ResizeFreely,会对当前的文字长度和行数来调整,UILabel的width和height,基本上是只在一行显示,超出的部分不显示
      d.ResizeHeight,保持宽度不变,必要时增加高度。

    6.Alignment对齐方式,Gradient渐变字的颜色,Effect效果(阴影Shadow,轮廓Outline,XY表示阴影偏移量)

    7.Flaot Spacing每个文字之间的间距

      X:设置字与字之间到间隔,可以为负数,设置得当(不断减小X的值)可以反序,也就是产生镜像效果

      Y: 设置行与行之间的间隔。

    8.Max Lines最大行数,用来控制最多要多少行。用0表示不限制。如果设置成n的话,那么超过n的行的文字将不会显示

    BBCode的特殊字体实例

    1.在上一个例子的Text栏里面写,用BBCode标记实现字体格式的设置

     [b]Bold[/b] 粗体
     [i]italic[/i] 斜体
     [u]underline[/u] 下划线
     [s]strikethrough[/s] 删除线
     AA[sub]sub[/sub] 下标
     BB[sup]sup[/sup] 上标
     [00ff00]设置颜色[-] 设置显示颜色

     [url=http://www.cnblogs.com/mrzivchu/][u]博客[/u][/url] 链接

     例如设置颜色:

     UILabel的Text内容为:[99ff00]n[-]gui: tools

     

    2.效果

     

    NGUI字体制作

    字体其实是一个.prefab预制体,msyh.ttf是字模,里面有各种类型的字,数字字母各种标点符号之类

    1.NGUI---->open---->Font Maker,字体文件的制作工具,这个是NGUI自带的工具

      Generated Bitmap:产生位图,或者叫艺术字,基于图片的文字

      Imported Bitmap:导入位图,针对于用UIFont,或者是showBox(一些制作艺术字的工具)

      Dynamic:动态字体,官方有替代的更好的方案。要使用动态字体,不必创建UIFont,只需要在UI label中选择Unity,再将ttf文件拖入font中即可。

           缺点:动态字体不能作为一个atlas的一部分,所以使用动态字体必然要增加至少一个draw call。而且ttf文件一般较大,会大大地增加包大小

    2.选择Input:

      Type为Generated Bitmap

      Source为我们刚才导入的msyh.ttf

      Size为32

      Characters设置字体的可匹配内容,汉字写在Custom自定义里面

     选择Output:

      Atlas---->none

    3.点击Create the Font,生成三个文件,myfont01.mat,myfont01.png,myfont01.prefab

    4.跟换新字体,Label---->UI Label---->第一栏NGUI---->第二栏myfont01.prefab,只有输入刚才在Characters里设置的内容,才会显示在视图中

    NGUI动态字体制作

    1.NGUI---->open---->Font Maker

    2.选择Input:Type为Dynamic,Source为我们刚才导入的msyh.ttf

    3.点击Create the Font,生成一个文件dynamicfont.prefab,注意动态字体不能被制作成图集的一部分,而且使用动态字体会导致至少一个额外的draw call,性能会低

    4.跟换新字体,Label---->UI Label---->第一栏NGUI---->第二栏dynamicfont.prefab,可以输入任何的汉字或者字母

    BMFont字体制作和艺术字体的制作

    1.使用其他外部工具制作字体bmfont64.exe,install_bmfont_1.13.exe(第75)

     第三方的字体制作工具
     BMFont---->程序员常用
     http://www.angelcode.com/products/bmfont/

     shoebox---->美术常用,是PS的一个插件,要先下载PS,很多公司在用,艺术字
     http://childhood.logdown.com/posts/190580/-details-using-shoebox-produce-bitmap-fonts

    2.这里以BMFont工具为例子

     a.打开bmfont64.exe

     b.options配置,设置font settings---->Arial。其他默认

     c.options配置导出Export options---->Bit depth 32,Textures png

     d.选择要匹配的字模内容

      

     e.导出save bitmap font as---->得到bmfont01.fnt和bmfont01.png

    3.使用第三方工具创建出来的字体,把bmfont01.fnt和bmfont01.png复制到Resources文件夹里

    4.NGUI---->open---->Font Maker,

     选择Input:

      Type为Imported Bitmap

      Font data为我们刚才导入的bmfont01.fnt

      Texture为我们刚才导入的bmfont01.png

     选择Output:

      Atlas---->none

    5.点击Create the Font,多生成两个个文件,bmfont01.mat,bmfont01.prefab,现在一共有四个文件

    6.跟换新字体,Label---->UI Label---->第一栏NGUI---->第二栏bmfont01.prefab,只有输入刚才在字模里设置的内容,才会显示在视图中

    7.BMFont工具还可以从外部导入的文件中选取字模

     a.下载Notepad++,打开Notepad++,设置编码---->转为UTF-8编码格式

     b.写汉字,保存到英文路径下bmfont02.txt

     c.打开BMFont工具,Options---->Font Settings---->Font---->Microsoft YaHei UI

     d.Edit---->Select chars from file

     e.导出save bitmap font as---->得到bmfont02.fnt和bmfont02.png

    8.BMFont工具制作已经有单字图片的艺术字

     a.打开BMFont工具,Edit---->open Image Manager

     b.Image---->Import Image---->选中单字图片Num1.png,ID就是这个单字的ASCII值,重复操作,直到单字图片都被导入

     

     c.Options---->Font Settings---->Width Height1024 1024

     d.导出save bitmap font as---->得到bmfont03.fnt和bmfont03.png

    注意:

    1.Game视图,state栏可以查看游戏性能,draw call越低性能越高,SetPass calls越低性能越高

    2.UILabel还有一个Symbols选项,他有三个值:None,Normal,Colored,选择None,那么以 :) 这样形式显示的图片将不会展示,选择Normal(默认)将正常展示,选择Colored,
     那么图片将会被UILabel下的Color Tint所选择的颜色遮盖!其实这个Color Tint是对文字进行着色的,选择Colored那么也就是意味着图片也和文字应用同样的颜色!


  • 相关阅读:
    路径规划算法总结
    常用滤波器整理
    Debian 9 strech 安装 ROS lunar
    understand 安装笔记
    protobuf 安装与卸载
    maven-surefire-plugin
    spring数据源、数据库连接池
    日志插件总结
    pom.xml常用元素解析
    BeanFactory笔记
  • 原文地址:https://www.cnblogs.com/HangZhe/p/7403555.html
Copyright © 2011-2022 走看看