一、任务目标
前面两节我们学习了两种制作引擎使用的位图字体的方法,那么本次任务我们学习如何使用。在此之前我们提前提醒一下,之前获得的两个产物,一个.fnt文件
一个.png图片
,这两个文件的文件名要保持一致,这样才不会出错。另外位图字体使用时必须在代码中加载并注册才能使用,否则IDE中可以预览效果,但是实际运行时是没有效果的。
二、任务分解
2.1 官方资料与注意事项
文档:https://ldc2.layabox.com/doc/?nav=zh-ts-1-2-5
注意事项:如图所示两个文件名要保持一致,自动导出时png图片默认会添加_0
后缀
2.2 在IDE中使用位图字体
- 首先将两个文件放到IDE的Assets目录下。这里直接放在目录中或者新建子目录放入都是可以的。
- 这里我使用的并非上两节制作的位图字体,但是实现内容是相同的。
- 放入Assets文件夹后就完成了在IDE中的位图注册,我们在IDE中就可以使用字体了
我们拖一个文本框在IDE中,然后字体font
设置为位图的名称,这里名称和你放入Assets文件夹中的字体文件同名。 font属性
的下拉菜单是不会显示注册的位图字体的,需要我们手动输入- 自己制作位图字体时有那些字体,
text
属性中就只能出现这些字,否则显示不出来 - 这里如果IDE效果不出现有可能是没有加载过来,刷新编辑器就可以了
- 这里效果不太明显是因为字体颜色是黑色,IDE编辑器背景默认也是黑色
- 此时我们运行就会发现没有任