IT培训 / 新闻资讯 / 游戏开发教程 / 教你在Cocos2D-html5中用label换行

教你在Cocos2D-html5中用label换行

作者：课课家教育来源： http://www.kokojia.com点击数：1215发布时间： 2019-03-25 10:01:27

标签： Cocos2D-html5 Cocos2D-html5技巧 Cocos2D-html5教程

　　对于怎样在Cocos2D-html5中换行可能大部分初学者都还搞不明白，本篇教程将教你用label在Cocos2D-HTML5中换行。

　　使用cocos2d-html5时，可以通过cc.LabelTTF显示的文本，但是不会自动换行，需要用\\n来换行。

　　首先，我们需要获取指定文本的宽度，可以通过创建一个临时LabelTTF来完成：

教你在Cocos2D-html5中用label换行_Cocos2D-html5_Cocos2D-html5技巧_Cocos2D-html5教程_课课家

　　接着，就可以循环插入\\n了。大概思路是指定一个差不多的初始值L（可以用指定宽度width除以字体大小），截出0到L位置的字符串，用getStrWidth计算宽度，如果比我们指定的宽度width大，L--，继续比较；否则L++继续。直到L个字符宽度和我们指定宽度刚好相等（很小的概率），或者L个字符长度不够，但L+1长度又多了的情况下，可以确定这一行可以放这L个字符。然后继续处理下一行，直至字符串结束。

　　另外就是要注意图文混排的问题

　　本篇教程只是讲了Cocos2D-html5基本的换行操作，下篇教程将讲解如何在Cocos2D-html5中设置自动换行，希望各位初学者在看完本教程之后有所收获，另外提醒一下，多多练习才能在游戏开发的道路上越走越好哦~

踩(0)

分享到：

上一篇：Cocos2d中Actions的内容用法大汇总

下一篇：3D游戏引擎设计与实现