一.簡(jiǎn)介

在游戲中，經(jīng)常需要添加文字標(biāo)簽。游戲的介紹、游戲中的提示和對(duì)話(huà)等都需要用到文字。在游戲中，除了系統(tǒng)字體，還有很多地方需要使用由美術(shù)人員制作的紋理圖片表現(xiàn)的文字。從代碼的角度來(lái)看，它們與一般的紋理圖片沒(méi)有區(qū)別，就是一張包含文字信息的圖片，此類(lèi)文字經(jīng)常被用來(lái)當(dāng)作游戲的標(biāo)題或者商標(biāo)。Cocos2d-x為開(kāi)發(fā)者提供了專(zhuān)門(mén)用于繪制文字的類(lèi)。

Cocos2d-x提供了強(qiáng)大的文本渲染功能，既可以直接使用系統(tǒng)字體，也可以自己渲染字體，文本渲染類(lèi)的繼承關(guān)系如下圖所示：

文本渲染類(lèi)的繼承關(guān)系圖

上圖顯示了用于處理文字的4個(gè)類(lèi)：Label、LabelAtlas、LabelBMFont和LabelTTF。這4個(gè)類(lèi)都是通過(guò)不同的方式來(lái)顯示文字的。它們都繼承自L(fǎng)abelProtocol類(lèi)。它們的類(lèi)名中都有一個(gè)單詞Label，在Cocos2d-x中，Label代表文字標(biāo)簽的意思，也就是說(shuō)這些類(lèi)是專(zhuān)門(mén)用于顯示文字的對(duì)象。另外，因?yàn)樗鼈兌加幸粋�(gè)共同的父類(lèi)Node，所以文字標(biāo)簽與之前學(xué)習(xí)的圖層或者精靈等都屬于顯示游戲內(nèi)容的對(duì)象。在實(shí)際游戲開(kāi)發(fā)中，讀者可以按照需要選擇一種或多種方式顯示文字。

二.TTF類(lèi)型標(biāo)簽LabelTTF

LabelTTF類(lèi)是通過(guò)TTF字體來(lái)實(shí)現(xiàn)的字體標(biāo)簽。TTF(True Type Fonts)格式是一種在計(jì)算機(jī)領(lǐng)域通用的字體格式，可以說(shuō)是使用最為廣泛的文字顯示格式，比如在Windows操作系統(tǒng)中，就是通過(guò)TTF格式字體顯示文字的。這種類(lèi)型字體文件的擴(kuò)展名是.ttf。它的繼承關(guān)系如下圖所示：

LabelTTF的繼承關(guān)系

從上圖可以看出，LabelTTF的另一個(gè)父類(lèi)就是Node。這說(shuō)明開(kāi)發(fā)者完全可以將LabelTTF的對(duì)象當(dāng)作節(jié)點(diǎn)對(duì)象來(lái)使用，可以執(zhí)行各種動(dòng)作以及實(shí)現(xiàn)各種變化效果。

LabelTTF類(lèi)標(biāo)簽對(duì)象的特點(diǎn)如下：

l 任何一種TTF字體都包含了某種語(yǔ)言當(dāng)中的所有字母以及符號(hào)，開(kāi)發(fā)者可以隨機(jī)調(diào)整字體的大小、顏色以及樣式。

l 因?yàn)門(mén)TF標(biāo)準(zhǔn)如今已經(jīng)得到了普及，所以在很多操作系統(tǒng)中已經(jīng)提供了多種字體，開(kāi)發(fā)者可以直接使用。

l 渲染速度相對(duì)較慢，所以通常用于顯示一些靜態(tài)的標(biāo)簽和純文本。

LabelTTF標(biāo)簽類(lèi)為開(kāi)發(fā)者提供了一個(gè)create函數(shù)專(zhuān)門(mén)用于創(chuàng)建一個(gè)LabelTTF對(duì)象，具體聲明如下：

//創(chuàng)建LabelTTF標(biāo)簽對(duì)象，參數(shù)為顯示文字內(nèi)容、字體名稱(chēng)、字體大小、標(biāo)簽尺寸大小、文字水平對(duì)齊方式、文字豎直對(duì)齊方式

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)

其中第一個(gè)參數(shù)是將要顯示的文字內(nèi)容。第二個(gè)參數(shù)是所用字體的名稱(chēng)。第三個(gè)參數(shù)是字體的大小。第四個(gè)參數(shù)是字體顯示標(biāo)簽的尺寸大小，過(guò)大會(huì)浪費(fèi)內(nèi)存空間，過(guò)小則不能顯示完整的內(nèi)容。最后兩個(gè)參數(shù)是文字繪制時(shí)的對(duì)齊方式，不同的對(duì)齊方式將會(huì)導(dǎo)致繪制的文字內(nèi)容產(chǎn)生位置的變化。水平對(duì)齊方式分為左對(duì)齊、居中對(duì)齊和右對(duì)齊。豎直對(duì)齊方式分為頂部對(duì)齊、中間對(duì)齊和底部對(duì)齊。接下來(lái)通過(guò)一個(gè)案例來(lái)理解LabelTTF類(lèi)在游戲開(kāi)發(fā)中的具體使用方法。

三.測(cè)試LabelTTF類(lèi)

新建一個(gè)項(xiàng)目名為L(zhǎng)abelTTFTest,并修改HelloWorldScene.cpp文件中的init函數(shù)，具體代碼如下：

//場(chǎng)景初始化方法

Bool HelloWorld::init()

{

//調(diào)用父類(lèi)init函數(shù)

If(!Layer::init())

{

Return false;

}

Size visibleSize = Director::getInstance()->getVisibleSize();

Vec2 origin = Director::getInstance()->getVisibleOrigin();

//創(chuàng)建TTF標(biāo)簽對(duì)象，參數(shù)為顯示文字內(nèi)容、字體名稱(chēng)、字體大小

auto label1 = LabelTTF::create(“top”, “Font/cour.ttf”, 64);

label1->setPosition(visibleSize.width/2, visibleSize.height/2+200);

this->addChild(label1);

//創(chuàng)建TTF標(biāo)簽對(duì)象，參數(shù)為顯示文字內(nèi)容、字體名稱(chēng)、字體大小、標(biāo)簽大小、文字水平對(duì)齊方式

auto label2 = LabelTTF::create(“center”, “Font/msyh.ttf”, 64, Size(visibleSize.width/3, 200), TextHAlignment::LEFT);

label2->setPosition(visibleSize.width/2, visibleSize.height/2);

this->addChild(label2);

//創(chuàng)建TTF標(biāo)簽對(duì)象，參數(shù)為顯示文字內(nèi)容、字體名稱(chēng)、字體大小、標(biāo)簽大小、文字水平對(duì)齊方式、文字豎直對(duì)齊方式

auto label3 = LabelTTF::create(“bottom”, “Font/consola.ttf”, 64, Size(visibleSize.width/3, 200), TextHAlignment::RIGHT, TextHAlignment::CENTER);

label3->setPosition(visibleSize.width/2, visibleSize.height/2-200);

this->addChild(label3);

}

init函數(shù)分別演示了使用三種create函數(shù)創(chuàng)建TTF標(biāo)簽對(duì)象。運(yùn)行項(xiàng)目，顯示如下：

LabelTTF的字體渲染效果

四.總結(jié)

本節(jié)課介紹了Cocos2d-x中最常用的字體繪制方法-LabelTTF類(lèi)。

LabelTTF類(lèi)專(zhuān)門(mén)用于繪制TTF(True Type Fonts)字體，這種類(lèi)型的字體現(xiàn)在非常普及，游戲中絕大多數(shù)的文字都是使用LabelTTF繪制的。但是由于其渲染速度相對(duì)較慢，所以通常用于顯示游戲中的一些靜態(tài)的標(biāo)簽和純文本。

LabelTTF的幾種不同構(gòu)造函數(shù)可以允許開(kāi)發(fā)者在創(chuàng)建TTF字體時(shí)指定字體文件路徑、文字大小、對(duì)齊方式等參數(shù)，同時(shí)也可以使用setPosition函數(shù)來(lái)設(shè)置該文字在屏幕坐標(biāo)系下的顯示位置。