Cocos2d-x UI开发之文本类使用实例

  次阅读 来源:互联网(转载协议) 2015-09-28 10:43 我要评论(0)

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的值可以是:kCCTextAlignmentLeftkCCTextAlignmentCenterkCCTextAlignmentRight

//3、CCVerticalTextAlignment的值可以是:kCCVerticalTextAlignmentTopkCCVerticalTextAlignmentCenterkCCVerticalTextAlignmentBottom

//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结尾

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 汤晓鸥:人工智能的中国式文艺复兴

    汤晓鸥:人工智能的中国式文艺复兴

  • 全球陷入"区块链狂热"潮,大规模应用还需等待

    全球陷入"区块链狂热"潮,大规模应用还需等待

  • 马云的新零售?张近东的智慧零售?抑或是刘强东的第四次零售革命?

    马云的新零售?张近东的智慧零售?抑或是刘强东的第四次零售革命?

  • 区块链最近太火,但A股多家公司明确表态不考虑涉足

    区块链最近太火,但A股多家公司明确表态不考虑涉足

网友点评网友点评
阅读推荐阅读推荐

算法 任何一个入门的软件开发人员都会听到这句话:算法是软件的灵魂!近年来大火的机器学习即是在算法在人工智能上的集中体现。今日头条通...

据《日本经济新闻》报道,日本东京大学教授稻叶雅幸等人开发出再现日本人骨骼肌肉构造的机器人。机器人各部位的肌肉和骨骼长度与日本人的平...

以奥黛丽-赫本为原型打造的人形机器人索菲娅首次拜访了印度。索菲娅是世界上首位获得公民身份的机器人,她在12月30日出现在了印度理工学院...

在查获现场,代售点电脑旁的一台机器人通过敲击电脑键盘抢票。 广州日报惠州讯 (全媒体记者秦仲阳 通讯员张中铃摄影报道)2018年春运售票已...