引擎版本3.2.6

教程目录
一 为什么要使用位图字体
二 如何使用位图字体
2.1 TextureMerger制作位图字体
2.2 exml中使用位图字体
三 Demo源码

一  为什么要使用位图字体
egret在手机端发布的h5，一般显示的都是手机自带默认字体。
要显示特殊字体的话，一般会用到位图字体。例如下图中的伤害数字。

二 如何使用位图字体
2.1 TextureMerger制作位图字体

首先打开Texturemerger。（https://www.egret.com/products/others.html#egret-texture）

选择Bitmap Font

新建字体，我随意新建的test

选择添加字符

添加如下图片。字体图片一般是美工提供，我这里自己随意制作的。

注意左边栏的图片名要和数字一致。比如左边栏“1”就对应着图片数字1。
如果是图片是“啊”，则左边栏图片名也应该是“啊”。

导出字体

得到两个文件。一张位图字体的png图，和一个fnt字体配置文件。
将两个文件导入default.res.json中加载。

任意新建一个exml皮肤文件，拖动一个BitmapLabel控件到exml上。

选中BitmapLabel，设置位图字体为我们的test_fnt。
如果没有，看看是不是没有将test.fnt和test.png导入default.res.json。

设置BitmapLabel的文本为“123”，则可以看到位图字体可以正常显示了。

三 源码Demo

【咸鱼教程】BitmapLabel位图字体使用的更多相关文章

  1. EUI组件之BitmapLabel 位图字体

    一.制作文图字体文件 使用TextureMerger制作位图字体,具体查看 官方教程. 我们这里制作了一组位图字体. 二.导入位图字体 位图字体素材放入资源配置文件default.res.json 三 ...

  2. [译]GLUT教程 - 位图字体

    Lighthouse3d.com >> GLUT Tutorial >> Fonts >> Bitmap Fonts 位图字体一般是二维字体.虽然我们会把它放到三维 ...

  3. Laya 位图字体制作（失败...）

    参考: 官网教程-位图字体的制作与使用 一.下载字体并安装字体 从站长字体下载了液晶数字字体,将TTF文件拖入C盘windows/Font文件夹,则字体会自动安装 二.下载字体制作工具 Bitmap ...

  4. 【咸鱼教程】TextureMerger1.6.6 三：Bitmap Font的制作和使用

    BitmapFont主要用于特殊字体在游戏中的使用   目录 一 方法1:添加字符      适合一张一张的零碎图片来制作位图字体 二 方法2:系统字体      适合使用已安装的系统字体来制作位图字 ...

  5. 使用Glyph Designer创建位图字体

     使用Glyph Designer创建位图字体 转http://book.2cto.com/201210/6610.html   <iOS 5 cocos2d游戏开发实战(第2版)>将引导 ...

  6. NGUI-制作位图字体以及图文混排

    制作字体过程 首先得下载一个位图制作工具Bitmap font generator,可以点击这里下载 1.新建txt文件,输入字体里面包含的文字 2.保存为utf-8格式:点击文件另存为,选择编码格式 ...

  7. 在cocos2d-x中使用位图字体

    http://blog.csdn.net/fansongy/article/details/9006677 通常情况下,游戏中绚丽的文字和数字都不是字体生成的而是"贴"上去!今天, ...

  8. webpack4 系列教程(十一)：字体文件处理

    教程所示图片使用的是 github 仓库图片,网速过慢的朋友请移步<webpack4 系列教程(十一):字体文件处理>原文地址.或者来我的小站看更多内容:godbmw.com 0. 课程介 ...

  9. 详解利用ShoeBox制作位图字体

    http://childhood.logdown.com/posts/190580/-details-using-shoebox-produce-bitmap-fonts?utm_source=tui ...

随机推荐

  1. GCT之数学公式（代数部分）

    一.代数部分: 1.复数 2.一元二次方程   3.数列 4.排列组合

  2. 使用Fakes的Stub和Shim对ASP.NET MVC4进行单元测试

    这是一篇导航文,不是翻译. MSDN对stub和shim的解释和使用场景演示:http://msdn.microsoft.com/en-us/library/hh549175.aspx 一个更详细的示 ...

  3. winform下 PictureBox 显示网络图片

    Image pic = new Image.FromStream(WebRequest.Create("http://x.com/x.jpg").GetResponse().Get ...

  4. windows 下为Python安装redis

    最近在看<redis实战>,里面的redis示例都是Python写的,先将环境整好 启动redis redis-server.exe  redis.conf 安装了python2.7 安装 ...

  5. pycharm pro版本激活

    这几天行激活pycharm pro版会遇到问题,license server的网址都不可用了.包括各个网站的百度云的破解资源链接都被和谐了,发现最近jetbrains对盗版管得严. 首次安装在注册界面 ...

  6. 下拉刷新 上拉更多 支持ListView GridView WebView【转载】

    转载自:http://www.stay4it.com/?p=245 老贴重发,源代码放附件了,需要的下载把. 终于有新货了.昨天改了下,在ListView和GridView加了个返回到顶部的按钮,li ...

  7. MyBatis踩坑记录

    在线文档: 动态SQL  http://www.mybatis.org/mybatis-3/zh/dynamic-sql.html 1. Error setting null for paramete ...

  8. ios开发之--tableview单选/多选实现（非tableview的editing状态）及默认选中

    实现思路比较简单,这里仅做记录: 直接上代码: 1,实现didSelectRowAtIndexPath方法 -(void)tableView:(UITableView *)tableView didS ...

  9. 从Gallery中获取图片示例

    一.MainActivity类 package com.example.gallerydemo; import android.net.Uri; import android.os.Bundle; i ...

  10. Linux关闭Tomcat为什么要用Kill，而不是shutdown.sh

    Linux关闭Tomcat为什么要用Kill,而不是shutdown.sh >>>>>>>>>>>>>>>&g ...