cocos2d-x实战 C++卷 学习笔记--第4章 使用标签
前言:
介绍cocos2d-x中 标签类。
cocos2d-x中 标签类 主要有三种:LabelTTF, LabelAtlas, 和 LabelBMFont。此外,在Cocos2d-x 3.x之后推出了 新的标签类 Label。
LabelTTF 标签类
LabelTTF是使用系统中的字体,它是最简单的标签类。
create 静态函数完整定义:(此处只介绍一种常用的 create 静态方法)
static LabelTTF * create(const std::string& string, const std::string& fontName, float fontSize, const Size& dimensions = Size::ZERO, TextHAlignment hAlignment = TextHAlignment::CENTER, TextVAlignment vAlignment = TextVAlignment::TOP);
create函数的第1个参数是要显示的文字,第2个参数是系统字体名,第3个参数是字体的大小。后面省略了三个参数。
示例:
/////////// 4.2.1 LabelTTF LabelTTF* labelOne = LabelTTF::create(); labelOne->setPosition(Point(origin.x + visibleSize.width / 2, //// 字体居中显示 origin.y + visibleSize.height - labelOne->getContentSize().height)); );
LabelAtlas 标签类
LabelAtlas 是图片集标签,其中的 Atlas 本意是“地图集”、“图片集”,这种标签显示的文字是从一个图片集中取出的,因此使用LabelAtlas需要额外加载图片集文件。
LabelAtlas 比 LabelTTF快很多。
LabelAtlas 中的每个字符必须有固定的高度和宽度。
create 静态函数完整定义:
static LabelAtlas* create(const std::string& string, const std::string& charMapFile, int itemWidth, int itemHeight, int startCharMap);
create 函数的第1个参数是要显示的文字,第2个参数是图片集文件,第3个参数是字符宽度,第4个参数是字符高度,第5个参数是开始字符。
示例:
///////////// 4.2.2 LabelAtlas //创建 并初始化标签 auto labelTwo = LabelAtlas::create(, , ' '); labelTwo->setPosition(Point(origin.x + visibleSize.width / 2 - labelTwo->getContentSize().width/2, //// 字体居中显示 origin.y + visibleSize.height - labelTwo->getContentSize().height * )); // labelTwo->setAnchorPoint(ccp(0.5, 0.5)); );
注意:在 LabelAtlas 创建在字体中,anchorPoint默认好像是ccp(0,0) 的。你可以创建 LabelAtlas 字体 验证验证。
LabelBMFont 标签类
LabelBMFont是位图字体标签,需要添加字体文件:包括一个图片集(.png)和一个字符坐标文件(.fnt)。
LabelBMFont 比 LabelTTF 快很多。
LabelBMFont 中的每个字符的宽度是可变的。
create 静态函数完整定义:
static LabelBMFont * create(const std::string& str, const std::string& fntFile, , TextHAlignment alignment = TextHAlignment::LEFT, const Point& imageOffset = Point::ZERO);
create 函数第1个参数是要显示的文字,第2个参数是图片集文件(.fnt)。
示例:
///// 4.2.3 LabelBMFont auto labelThree = LabelBMFont::create("hello LabelBMFont", "Demo3/BMFont.fnt"); labelThree->setPosition(Point(origin.x + visibleSize.width / 2 , origin.y + visibleSize.height - labelThree->getContentSize().height * )); );
Cocos2d-x 3.x 标签类 Label
cocos2d-x 3.x 后推出了新的标签类Label,这种标签通过使用 FreeType 来使它在不同的平台上有相同的视觉效果。由于使用更快的缓存代理,它的渲染也将更加快速。Label 提供了描边和阴影等特性。
static Label* createWithSystemFont(const std::string& text, /// 要显示的文字 const std::string& font, /// 系统字体名 float fontSize, /// 字体的大小 const Size& dimensions = Size::ZERO, /// 在屏幕上占用区域的大小,可以省略 TextHAlignment hAlignment = TextHAlignment::LEFT, /// 文字横向对齐方式,可以省略 TextVAlignment vAlignment = TextVAlignment::TOP); /// 文字纵向对齐方式 ,可以省略
createWithSystemFont 示例:
通过 createWithSystemFont 函数创建 Label 对象
auto label1 = Label::createWithSystemFont(); label1->setPosition(Point(origin.x + visibleSize.width / , origin.y + visibleSize.height - label1->getContentSize().height)); );
static Label * createWithTTF(const std::string& text, const std::string& fontFile, /// 字体文件 float fontSize, const Size& dimensions = Size::ZERO, TextHAlignment hAlignment = TextHAlignment::LEFT, TextVAlignment vAlignment = TextVAlignment::TOP);
createWithTTF 示例:
通过 createWithTTF 创建 TTF 字体标签对象
auto label2 = Label::createWithTTF(); label2->setPosition(Point(origin.x + visibleSize.width / , origin.y + visibleSize.height - )); );
static Label* createWithTTF(const TTFConfig& ttfConfig, const std::string& text, TextHAlignment alignment = TextHAlignment::LEFT, );
createWithTTF 示例:
通过 指定的 TTFConfig 创建 TTF 字体标签对象
TTFConfig ttfConfig(, GlyphCollection::DYNAMIC); auto label3 = Label::createWithTTF(ttfConfig, "Hello Label3"); label3->setPosition(Point(origin.x + visibleSize.width / , origin.y + visibleSize.height - )); ); ttfConfig.outlineSize = ; auto label4 = Label::createWithTTF(ttfConfig, "hello Label4"); label4->setPosition(Point(origin.x + visibleSize.width / , origin.y + visibleSize.height - )); label4->, , , ), Size(, -)); label4->setColor(Color3B::RED); );
static Label* createWithBMFont(const std::string& bmfontFilePath, const std::string& text, const TextHAlignment& alignment = TextHAlignment::LEFT, , const Point& imageOffset = Point::ZERO);
示例:
通过 createWithBMFont 创建位图字体标签对象
auto label5 = Label::createWithBMFont("Demo3/BMFont.fnt", "Hello Label5"); label5->setPosition(Point(origin.x + visibleSize.width / , origin.y + visibleSize.height - )); );
补充说明:
Size visibleSize = Director::getInstance()->getVisibleSize();
Point origin = Director::getInstance()->getVisibleOrigin();
标签中文乱码问题:
auto testLabel1 = LabelTTF::create(); testLabel1->setPosition(Point(origin.x + visibleSize.width / , origin.y + visibleSize.height - )); ); auto testLabel2 = LabelBMFont::create("中国2", "bitmapFontChinese.fnt"); testLabel2->setPosition(Point(origin.x + visibleSize.width / , origin.y + visibleSize.height - )); ); auto testLabel3 = Label::createWithBMFont("bitmapFontChinese.fnt", "中国3"); testLabel3->setPosition(Point(origin.x + visibleSize.width / , origin.y + visibleSize.height - )); ); TTFConfig ttfConfig(, GlyphCollection::DYNAMIC); auto testLabel4 = Label::createWithTTF(ttfConfig, "晚上好!", TextHAlignment::CENTER, visibleSize.width); testLabel4->setPosition(Point(origin.x + visibleSize.width / , origin.y + visibleSize.height - )); );
在windows中文环境下使用Visual Studio创建的源程序文件是采用 GBK 编码。
解决方法:
方法1:在Visual Studio工具中选择【文件】-->【高级保存】,选择【Unicode(UTF-8无签名) - 代码页 65001】,单击确定按钮保存。
方法2:用记事本打开文件,另存为 UTF-8 。
cocos2d-x实战 C++卷 学习笔记--第4章 使用标签的更多相关文章
- cocos2d-x实战 C++卷 学习笔记--第4章 字符串 __String类
前言: <cocos2d-x实战C++卷>学习笔记.(cocos2d-x 是3.0版本) 介绍 cocos2d-x 通用的字符串类 __String . 使用cocos2d::__Str ...
- cocos2d-x实战 C++卷 学习笔记--第7章 动作、特效(一)
前言: 介绍cocos2d-x中的动作.特效. 动作: 动作(action)包括基本动作和基本动作的组合,这些基本动作有缩放.移动.旋转等,而且这些动作变化的速度也可以设定. 动作类是 Action. ...
- cocos2d-x实战 C++卷 学习笔记--第6章 场景与层
前言: 一个场景(Scene)是由多个层(Layer)组成,而且层的个数要至少是1,不能为0. 场景切换 场景切换相关函数 1)void runWithScene(Scene* scene) 该函 ...
- cocos2d-x实战 C++卷 学习笔记--第4章 使用菜单
前言: 菜单中包含菜单项,菜单项类是 MenuItem ,每个菜单项都有三个基本状态:正常.选中和禁止. (MenuItem)菜单分类: (文本菜单)MenuItemLabel : MenuItemA ...
- cocos2d-x实战 C++卷 学习笔记--第4章 win32平台下中文乱码问题
前言: 将GBK编码的字符串转为UTF-8编码.(通俗点说就是解决中文乱码问题) 简要介绍: 在Win32平台下通过 log 输出中文字符时,会出现中文乱码问题.同样的代码在 ios 和 Androi ...
- cocos2d-x实战 C++卷 学习笔记--第5章 精灵
前言: 精灵类是Sprite类.它的子类有PhysicsSprite 和 Skin. PhysicsSprite 是物理引擎精灵类,而Skin是皮肤精灵类,用于骨骼动画. 创建Sprite精灵对象 创 ...
- Docker技术入门与实战 第二版-学习笔记-10-Docker Machine 项目-2-driver
1>使用的driver 1〉generic 使用带有SSH的现有VM/主机创建机器. 如果你使用的是机器不直接支持的provider,或者希望导入现有主机以允许Docker Machine进行管 ...
- Docker技术入门与实战 第二版-学习笔记-8-网络功能network-3-容器访问控制和自定义网桥
1)容器访问控制 容器的访问控制,主要通过 Linux 上的 iptables防火墙来进行管理和实现. iptables是 Linux 上默认的防火墙软件,在大部分发行版中都自带. 容器访问外部网络 ...
- Spring实战第八章学习笔记————使用Spring Web Flow
Spring实战第八章学习笔记----使用Spring Web Flow Spring Web Flow是一个Web框架,它适用于元素按规定流程运行的程序. 其实我们可以使用任何WEB框架写流程化的应 ...
随机推荐
- light oj 1138 - Trailing Zeroes (III)【规律&&二分】
1138 - Trailing Zeroes (III) PDF (English) Statistics Forum Time Limit: 2 second(s) Memory Limit: ...
- [css]display: table-cell,用div做分列布局
table-cell我们却能用得到,而且是用它来干一件很重要的事情——多列布局. 多列布局在css中有多重要就不用我说了吧,传统模式下大家都使用float来解决这一问题,但是float写出来的东西代码 ...
- MSSQLSERVER数据库- 作业调度定时备份数据库
作业调度和备份数据库是常见的行为,掌握这两项技术我觉的非常有必要. 在网上找到这个示例,记录在这里 备份数据库的SQL语句 --自动备份并保存最近5天的SQL数据库作业脚本 ) DECLARE @da ...
- iOS OC语言: Block底层实现原理 (转载)
作者:Liwjing 地址:http://www.jianshu.com/users/8df89a9d8380/latest_articles 先来简单介绍一下Block Block是什么? 苹果推荐 ...
- centos上安装jdk环境
老沙采用的环境是centos 6.5 64位服务器.在linux上安装jdk环境都很多中方式,这里讲解下手工进行安装并进行环境变量配置. 首先需要下载一个64位版本的linux,可以去oracle官网 ...
- android使用webview加载flash文件
android 字段webview几乎实现了浏览器的全部功能,最近在使用webview加载不固定格式的文章,文章中有一部分嵌入了flash,下面就是webview可以进行视频需要进行的设置,代码如下: ...
- 在CentOS上编译安装PostgreSQL
http://my.oschina.net/tashi/blog 第一步:准备阶段 获取必需软件包: CentOS中查看是否安装了某个软件的命令:rpm -qa | grep 软件名.which命令可 ...
- linux 学习笔记 Linux内核的四大功能简介
一 内存管理 默认情况下,运行在Linux系统上的每个进程都有各自的内存页面:进程不能访问其他进程正在使用的内存页面. 内核维护着自己的内存区域 用户进程不能访问内核进程的内存 可以创建一些共享内存页 ...
- iOS 本地自动打包工具
1.为什么要自动打包工具? 每修改一个问题,测试都让你打包一个上传fir , 你要clean -> 编译打包 -> 上传fir -> 通知测试.而且打包速度好慢,太浪费时间了.如果有 ...
- 使用socket实现FTP程序
#-*- coding:utf-8 -*- import socketserver from module import * class server: def __init__(self,reque ...