最近工作比较忙,而且业余时间正在学习《PMP国际项目管理认证》所以更新的比较慢,有朋友问我Lua如何手动创建“富文本”,那么下面就来送上代码。
![0fe54732211d2176a8ab7e28ecbb8582.png](https://i-blog.csdnimg.cn/blog_migrate/39d289877d92086092f596248d7b5f6f.jpeg)
self._getter.btn_task:是我创建的一个按钮
其余的代码注释都已经非常清楚了,每一句都有注释。
我们来看一下效果:
![3807c0c9cbedb1ae240721352b26f8c6.png](https://i-blog.csdnimg.cn/blog_migrate/cca5b3272f023e327aa402bc3e6c07d6.jpeg)
效果就是当我点击按钮,文本向上移动然后消失。
核心代码就是这些,作为程序员我们要学会封装。就让我们来封装一下。
![532f6cb22eed5498d948f40f363e7ebb.png](https://i-blog.csdnimg.cn/blog_migrate/a1efefab740827816806514eb4815077.jpeg)
新建一个NodeTip.lua 文件,NodeTip.csb文件就是我在cocosstudio里面建了一个csb如图下:
![a7b644c1a8cb8d338e9dc070064ca0f8.png](https://i-blog.csdnimg.cn/blog_migrate/4030978f7fff38eb52be745e9e6e27e3.jpeg)
local tipWidget = Utility.getInstance():createGuiText(tostring(self.Tip), "Fonts/CUYUANJIANTI.TTF", 23, cc.c3b(255, 255, 255));
上面这句代码同样也是封装在其它文件里,调用了其他文件的函数。我把代码贴出来如下:
![33039be2b08c60b36340a5c2b0321e79.png](https://i-blog.csdnimg.cn/blog_migrate/e0af69bf3da4eeceb39723e8a7807c4a.jpeg)
以上就是全部代码,主要核心代码每一句都有注释了。封装之后字体我调的也比较小如果太大了截屏截不下。点击图片放大看还是能看清楚的。封装之后没有注释了,但是也很容易看的懂的,如果有疑问就留言给我,我会给你解答。
![5b4e4c4a6a8a6e9fb11ca4fc02b8e7bc.png](https://i-blog.csdnimg.cn/blog_migrate/f8079de146b4b570ecde612a41e5b033.jpeg)
最后在点击按钮的时候,把之前写的一大堆东西注释掉,直接掉用函数就可以了,以后再你每个需要的地方只要调用我们封装好的函数就可以了,不用再写一大堆了。
我们来看看效果:
![98ff66a75c7d6562943ae8b22ac31161.png](https://i-blog.csdnimg.cn/blog_migrate/525514da73a18dbbb286d12744a9f93a.jpeg)
好了朋友们,关于Lua如何创建“富文本”就写到这里了,如果有需求可以留言给我。希望大家给与关注点个赞鼓励一下!