Cocos2d-x標籤文亂碼問題

咱們在Windows下使用Visual Studio 2012開發遊戲的時候，使用標籤中包含中文時候會出現亂碼或沒法顯示，以下圖所示：

而應該顯示的中文是以下圖所示：

HelloWorldScene.cpp中init函數以下：

 

[html] view plaincopy

1. bool HelloWorld::init()  

2. {  

3.     if( !Layer::init() )  

4.     {  

5.          return false;  

6.     }  

7.    

8.     SizevisibleSize = Director::getInstance()->getVisibleSize();  

9.     Pointorigin = Director::getInstance()->getVisibleOrigin();  

10.     autocloseItem = MenuItemImage::create(  

11.          "CloseNormal.png",  

12.          "CloseSelected.png",  

13.          CC_CALLBACK_1(HelloWorld::menuCloseCallback,this));  

14.    

15.     closeItem->setPosition(Point(origin.x+ visibleSize.width - closeItem->getContentSize().width/2 ,  

16.          origin.y +closeItem->getContentSize().height/2));  

17.    

18.    

19.     automenu = Menu::create(closeItem, NULL);  

20.     menu->setPosition(Point::ZERO);  

21.     this->addChild(menu,1);  

22.    

23.     autolabel1 = LabelTTF::create("中國1","Arial", 30);                                                                     ①  

24.     label1->setPosition(Point(origin.x+ visibleSize.width/2,  

25.          origin.y + visibleSize.height - 150));  

26.     this->addChild(label1,1);  

27.    

28.     autolabel2 = LabelBMFont::create("中國2","fonts/bitmapFontChinese.fnt");                             ②  

29.     label2->setPosition(Point(origin.x+ visibleSize.width/2,  

30.          origin.y + visibleSize.height - 250));  

31.     this->addChild(label2,1);  

32.    

33.     autolabel3 = Label::createWithBMFont("fonts/bitmapFontChinese.fnt","中國3");                     ③  

34.     label3->setPosition(Point(origin.x+ visibleSize.width/2,  

35.          origin.y + visibleSize.height - 350));  

36.     this->addChild(label3,1);  

37.    

38.     TTFConfigttfConfig("fonts/STLITI.ttf", 36,GlyphCollection::DYNAMIC);                                   ④  

39.     autolabe4 = Label::createWithTTF(ttfConfig,"您好.",  

40.                                      TextHAlignment::CENTER,  

41.                                      visibleSize.width);                                              ⑤  

42.     labe4->setPosition(Point(origin.x+ visibleSize.width/2,  

43.          origin.y + visibleSize.height - 450));  

44.     this->addChild(labe4,1);  

45.    

46.     returntrue;  

47. }  

上述代碼第①行是建立一個LabelTTF標籤對象，其中包括中文字符。相似的第⑤行代碼是Label::createWithTTF建立一個Label標籤對象。它們都須要指定字體問題，爲了顯示中文，須要字體庫文件支持中文，其中第④行代碼STLITI.ttf字體庫是華文隸書。

第②行代碼是經過LabelBMFont::create建立位圖字體標籤。第③行代碼是經過Label::createWithBMFont建立位圖字體標籤。

出現亂碼或沒法顯示的緣由是因爲在Windows中文環境下使用Visual Studio建立的源程序文件是採用GBK編碼。解決方法很簡單，咱們只須要把HelloWorldScene.cpp文件另存爲UTF-8就能夠了，用記事本等文本編輯工具打而後另存爲UTF-8就能夠，或者是在Visual Studio工具中能夠選擇菜單文件→高級保存選項，在彈出以下圖所示對話框，選擇編碼爲Unicode(UTF-8無簽名)，而後點擊肯定按鈕保存。

注意不能保存爲Unicode(UTF-8帶簽名)。而採用Unicode(UTF-8無簽名)的文件在程序編譯的時候，第⑤行代碼Label::createWithTTF中若是包含中文，有的時候會有以下編譯錯誤：

2>helloworldscene.cpp(58): errorC2001:常量中有換行符

2>helloworldscene.cpp(59): errorC2143:語法錯誤 :缺乏「)」(在「CENTER」的前面)

2>helloworldscene.cpp(60): errorC2059:語法錯誤:「)」

這是因爲Visual Studio對於Unicode(UTF-8無簽名)識別有誤，咱們通常在後面添加一些英文字符，或者「啊」等特殊的中文字符。

[html] view plaincopy

1.     autolabe4 = Label::createWithTTF(ttfConfig,"您好，美好的一天",                                     ①  

2.                                       TextHAlignment::CENTER,  

3.                                      visibleSize.width);  

4.    

5.     autolabe4 = Label::createWithTTF(ttfConfig,"您好，美好的一天啊",                                           ②  

6.                                      TextHAlignment::CENTER,  

7.                                       visibleSize.width);  

8.    

9. autolabe4 = Label::createWithTTF(ttfConfig,"您好，美好的一天.",                                                 ③  

10.                                      TextHAlignment::CENTER,  

11.                                      visibleSize.width);  

在上面的中文第①行代碼在Visual Studio下沒法編譯，第②行代碼能夠字符串後面追加「啊」編譯經過，而且可以正常顯示。第③行代碼咱們在中文字符後面追加「.」(英語句號)，編譯經過，可是「天」字不能顯示。而在Android和iOS平臺，若是若是也採用UTF-8，那麼上面的問題就不會出現，可以編譯和正常顯示。

 

使用菜單

菜單中又包含了菜單項，菜單項類是MenuItem，每一個菜單項都有三個基本狀態：正常、選種和禁止。咱們再回顧一下MenuItem類圖以下圖所示。

菜單分類是按照菜單項進行分類的，從MenuItem類圖中可見MenuItem的派生類有：MenuItemLabel、MenuItemSprite和MenuItemToggle。其中MenuItemLabel類是文本菜單，它有兩派生類MenuItemAtlasFont和MenuItemFont。MenuItemSprite類是精靈菜單，它的派生類是MenuItemImage，它是圖片菜單，MenuItemToggle類是開關菜單。