一、任务目标
前面三节左右我们学习了如何制作位图字体,以及如何在代码中使用,那么我们发现每次都要加载注册,那么对于简单的数值,比如金币、游戏得分等有没有简单的位图使用方法?答案是有的,该任务介绍的fontClip
组件就可以实现这个功能。
二、任务分解
2.1 了解常用fontClip属性
官方文档参考:https://ldc2.layabox.com/doc/?nav=zh-ts-3-3-3
如图fontClip组件
有skin皮肤属性
,所以我们将自己的位图字体.png
资源拖到skin属性上即可替换,这里需要注意的是虽然fontClip方便,但是因为方便所以有限制条件,我们拖入的皮肤资源必须是等比排列的,间距相同,否则切割会出现问题。
fontClip的原理就是将图片等比切割,然后根据内容控制显示。
skin
皮肤资源,需要等比排列的.png图片sheet
位图内容,根据这个内容进行等比切割+索引定位