Laya的位图/文字

参考：

Laya文本

 

测试版本：Laya 2.1.1.1

大部分游戏都会用到位图文字，例如dnf的伤害数字。

 

 白鹭的位图文字是美术提供0-9十张单张图片，由TextureMerger导出fnt+json，然后在exml里用BitmapLabel组件使用。

Laya的位图文字是美术提供0-9一张图片，直接使用FontClip组件。

对比起来Laya的位图文字美术出图容易，程序使用简单。

 

Laya在编辑模式，层级窗口中右键，选择创建组件UI，选择FontClip

 

将美术提供的位图文字赋值给FontClip的属性面板的skin属性

 

 实际使用效果

 

 

FontClip的源码在bin/libs/laya.ui.js里

 

 

实现原理没有仔细看，大致盲猜是将0-9图片根据sheet的值"0123456789"，切成10张图保存。然后根据value值"123"，获取1，2，3的切图拼到一张图上，就成了"123"图片了。

 

 

自定义字体使用中文也是可以的

 

销毁FontClip，fontClip调用destroy进行销毁