服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - C/C++ - Cocos2d-x UI开发之文本类使用实例

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

2021-02-01 14:11皂荚花 C/C++

这篇文章主要介绍了Cocos2d-x学习笔记之文本类,文本类是UI开发中经常使用的,本文用详细的代码注释讲解了文本类的使用,需要的朋友可以参考下

cocos2d-x中有三个文本类,用来在屏幕上显示文字,这三个类分别是CCLabelTTF、CCLabelBMFont、CCLabelAtlas。这三个类都继承自抽象类CCLabelProtocol,所以具有了setString()改变文本信息的方法和getString()获得文本信息的方法。

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
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/C++C语言实现双人五子棋游戏

    C语言实现双人五子棋游戏

    这篇文章主要为大家详细介绍了C语言实现双人五子棋游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...

    两片空白7312021-11-12
  • C/C++OpenCV实现拼接图像的简单方法

    OpenCV实现拼接图像的简单方法

    这篇文章主要为大家详细介绍了OpenCV实现拼接图像的简单方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...

    iteye_183805102021-07-29
  • C/C++c/c++实现获取域名的IP地址

    c/c++实现获取域名的IP地址

    本文给大家汇总介绍了使用c/c++实现获取域名的IP地址的几种方法以及这些方法的核心函数gethostbyname的详细用法,非常的实用,有需要的小伙伴可以参考下...

    C++教程网10262021-03-16
  • C/C++使用C++制作简单的web服务器(续)

    使用C++制作简单的web服务器(续)

    本文承接上文《使用C++制作简单的web服务器》,把web服务器做的功能稍微强大些,主要增加的功能是从文件中读取网页并返回给客户端,而不是把网页代码...

    C++教程网5492021-02-22
  • C/C++关于C语言中E-R图的详解

    关于C语言中E-R图的详解

    今天小编就为大家分享一篇关于关于C语言中E-R图的详解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看...

    Struggler095962021-07-12
  • C/C++深入C++拷贝构造函数的总结详解

    深入C++拷贝构造函数的总结详解

    本篇文章是对C++中拷贝构造函数进行了总结与介绍。需要的朋友参考下...

    C++教程网5182020-11-30
  • C/C++C语言main函数的三种形式实例详解

    C语言main函数的三种形式实例详解

    这篇文章主要介绍了 C语言main函数的三种形式实例详解的相关资料,需要的朋友可以参考下...

    ieearth6912021-05-16
  • C/C++c/c++内存分配大小实例讲解

    c/c++内存分配大小实例讲解

    在本篇文章里小编给大家整理了一篇关于c/c++内存分配大小实例讲解内容,有需要的朋友们可以跟着学习参考下。...

    jihite5172022-02-22