任务11:利用fontClip使用简单的位图字体

本文档介绍如何利用fontClip组件实现简单的位图字体显示,适用于游戏中的数值展示,如金币、得分等。任务包括理解fontClip属性,如皮肤资源、位图内容、文本间距和排列方向,并通过实际操作展示fontClip的使用效果。
摘要由CSDN通过智能技术生成

一、任务目标

前面三节左右我们学习了如何制作位图字体,以及如何在代码中使用,那么我们发现每次都要加载注册,那么对于简单的数值,比如金币、游戏得分等有没有简单的位图使用方法?答案是有的,该任务介绍的fontClip组件就可以实现这个功能。

二、任务分解

2.1 了解常用fontClip属性

官方文档参考:https://ldc2.layabox.com/doc/?nav=zh-ts-3-3-3
在这里插入图片描述
如图fontClip组件skin皮肤属性,所以我们将自己的位图字体.png资源拖到skin属性上即可替换,这里需要注意的是虽然fontClip方便,但是因为方便所以有限制条件,我们拖入的皮肤资源必须是等比排列的,间距相同,否则切割会出现问题。

fontClip的原理就是将图片等比切割,然后根据内容控制显示。

  • skin皮肤资源,需要等比排列的.png图片
  • sheet位图内容,根据这个内容进行等比切割+索引定位
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值