Cocos2d-x UI开发之文本类使用实例
更新时间:2020年4月25日 17:41 点击:1860
cocos2d-x中有三个文本类,用来在屏幕上显示文字,这三个类分别是CCLabelTTF、CCLabelBMFont、CCLabelAtlas。这三个类都继承自抽象类CCLabelProtocol,所以具有了setString()改变文本信息的方法和getString()获得文本信息的方法。
bool HelloWorld::init() { bool bRet = false; do { CC_BREAK_IF(! CCLayer::init()); CCSize size = CCSizeMake(CCDirector::sharedDirector()->getWinSize().width/3,320); //1、CCLabelTTF的定义如下,第一个是要显示的文字,第二个是字体,第三个是字体的大小,第四个是文字标签的尺寸 //文字标签太小就不能完全的显示字体,太大就浪费了空间,第五个是水平对齐方式,第六个是垂直对齐方式 /*static CCLabelTTF * create (const char *string, const char *fontName, float fontSize, const CCSize &dimensions, CCTextAlignment hAlignment, CCVerticalTextAlignment vAlignment)*/ //2、CCTextAlignment的值可以是:kCCTextAlignmentLeft kCCTextAlignmentCenter kCCTextAlignmentRight //3、CCVerticalTextAlignment的值可以是:kCCVerticalTextAlignmentTop kCCVerticalTextAlignmentCenter kCCVerticalTextAlignmentBottom //4、一般情况下后三个参数是不用的,只需要记住前三个就ok了 //5、CCLabelTTF继承自CCSprite(就是一张绘制着文字的纹理图片),所以精灵具有的所有功能CCLabelTTF都可以有,包括旋转,缩放什么的 //6、这三个字体标签都可以通过setString()来改变标签中的内容,但是CCLabelTTF一改变标签中的内容就会重新绘制,浪费了时间和空间,所以在创建了文字就不改变内容的前提下我们使用它 CCLabelTTF * ttf = CCLabelTTF::create("Hello Cocos2d-x","Arial",32,size,kCCTextAlignmentLeft,kCCVerticalTextAlignmentTop); //CCPoint()和ccp(),CCPointMake()的用法一样,功能相同。 ttf->setPosition(CCPoint(240,160)); this->addChild(ttf); /*首先拷贝E:\cocos2d-x-2.2\cocos2d-x-2.2\samples\Cpp\TestCpp\Resources下的文件fps_images.png到自己 项目的resource目录下,打开这个.png文件看到的是. / 0 1 2 3 4 5 6 7 8 9这些字体就是我们要显示的字体*/ //解释一下CCLabelAtlas各个参数的含义 //第一个参数是我们要显示的内容,这个内容必须包含在我们刚才打开的那张图片中,第二个参数就是资源的名称了 //第三个参数是该资源中每个字体的大小,即宽度和高度,最后一个参数是这些字体的起始字符 //解释一下它的显示原理,我们要显示的是2014/2/10,于是程序找到了资源文件fps_images.png,定位到起始字符 //然后根据2的assic码,和起始字符的assic码相减找到偏移的位置,然后根据宽度和高度取出2, //所以资源中的字体的assic码必须是连续的 //CCLabelAtlas一般使用在显示经常变化的数字的时候比较快,效率高,就像我们显示的那个帧率,就是用的CCLabelAtlas CCLabelAtlas * atlas = CCLabelAtlas::create("2014/2/10","fps_images.png",12,32,'.'); atlas->setPosition(CCPointMake(70,100)); this->addChild(atlas); //不断setString()也只需渲染一次,实现秒表功能的时候经常用到 atlas->setString("2014/2/11"); //CCLabelBMFont需要我们使用到资源文件,这些资源文件包含了我们要使用的文字,网上有专门的工具可以制作这些 //我们需要名称相同的俩个文件,一个以.fnt结尾,就是我们的第二个参数,一个以.png结尾 //拷贝E:\cocos2d-x-2.2\cocos2d-x-2.2\samples\Cpp\TestCpp\Resources\fonts到我们的resource文件夹 //第一个参数就是我们要显示的内容,这个内容在那个文件中必须得有,但是中文字体不知道怎么回事,不能显示,留下以后研究吧 //这个文本类主要是来丰富我们的字体的,可以利用工具做一些好看的字体显示在屏幕上 //2014里边的每个字体可以看做是单独的一个精灵,可以通过getChildByTag()方法获取 CCLabelBMFont * font = CCLabelBMFont::create("2014","bitmapFontChinese.fnt"); font->setPosition(ccp(160,160)); this->addChild(font); bRet = true; } while (0); return bRet; }
上一篇: C语言中qsort函数用法实例小结
下一篇: Cocos2d-x人物动作类实例
相关文章
- 这篇文章主要介绍了c#从数据库里取得数据并异步更新ui的方法,大家参考使用吧...2020-06-25
No module named ‘win32gui‘ 的解决方法(踩坑之旅)
这篇文章主要介绍了No module named ‘win32gui‘ 的解决方法(踩坑之旅),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-02-18- 这篇文章主要介绍了解决vant-UI库修改样式无效的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-11-03
- 这篇文章主要为大家详细介绍了vue+element ui实现锚点定位,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-06-29
- 由于业务需要,要求实现树形菜单,且菜单数据由后台返回,下面这篇文章主要给大家介绍了关于js如何构造elementUI树状菜单的数据结构的相关资料,需要的朋友可以参考下...2021-05-13
- 这篇文章主要为大家详细介绍了easyUI下拉列表点击事件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2017-05-22
详解element-ui 表单校验 Rules 配置 常用黑科技
这篇文章主要介绍了element-ui 表单校验 Rules 配置 常用黑科技,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-07-11- SwiftUI是一种使用Swift语言在苹果设备上构建用户界面的创新且简单的方式,下面这篇文章主要给大家介绍了关于SwiftUI图片缩放、拼图等处理的相关资料,需要的朋友可以参考下...2021-08-23
jQuery EasyUI编辑DataGrid用combobox实现多级联动
本文给大家分享jQuery EasyUI编辑DataGrid用combobox实现多级联动效果的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧...2016-09-01jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
这篇文章主要介绍了jQuery Easyui使用之可折叠面板动态加载无效果的解决方案,非常不错,具有参考借鉴价值,感兴趣的朋友一起看下吧...2016-08-24解析element-ui中upload组件传递文件及其他参数的问题
这篇文章主要介绍了element-ui中upload组件如何传递文件及其他参数,分析一下我使用element-ui遇到的问题以及解决方法,需要的朋友可以参考下...2021-11-10如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
这篇文章主要介绍了如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上,需要的朋友可以参考下...2015-12-28- 小米在3月9日下午5点推送了小米5的MIUI8.2更新,这次升级最大的改变是核心变成了Android7.0,因此加入了不少新功能。从MIUI1到MIUI8,历经了好几年了,下面小编为大家整理MIUI八个历史版本的系统图标,来看看吧...2017-07-06
- 这篇文章主要介绍了基于elementUI竖向表格、和并列的案例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-10-26
vue+elementui实现点击table中的单元格触发事件--弹框
这篇文章主要介绍了vue+elementui实现点击table中的单元格触发事件--弹框,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-18- 这篇文章主要为大家详细介绍了jQuery UI结合Ajax创建可定制的Web界面,如何利用Ajax和jQuery UI创建具有各种定制功能的高度可定制的UI,感兴趣的小伙伴们可以参考一下...2016-06-24
- 这篇文章主要为大家详细介绍了Unity3D UGUI实现翻书特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 本文主要介绍jQueryUI DatePicker添加时分秒的方法,简单实用,需要的朋友可以参考下。...2016-06-12
- 本篇文章主要介绍了AngularJS ui-router (嵌套路由)实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。...2017-03-13
- 这篇文章主要介绍了unity 判断鼠标是否在哪个UI上的两种实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-10