Cocos2d-x中使用CCTextFieldTTF的简单应用显示文本和弹出软键盘

梅沙小子2014-10-14 14:44:361250 次阅读

本文就以一个简单的文本测试Cocos2d-x在Android平台上开发的效果，需要用到CCTextFieldTTF类，CCTextFieldTTF是一个显示文本控件的类用于输入文本和现实文本类似于Windows编程中的Static控件和Edit控件。

程序实例：使用TextFieldTTF类创建一个文本，触摸文本弹出软键盘，并且可以通过软键盘向TextFieldTTF中输入文字

首先创建一个TextFieldTTF.h的头文件，在头文件中添加下面的代码

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

#ifndef __TextFieldTTF_H__ #define __TextFieldTTF_H__   #include "cocos2d.h" USING_NS_CC;   class  TextFieldTTF :  public  CCLayer { public :       bool  init();          static  CCScene* scene();        //用于处理触摸事件      bool  ccTouchBegan(CCTouch*, CCEvent*);        //用于在程序中创建一个文本控件      CCTextFieldTTF* textEdit;        CREATE_FUNC(TextFieldTTF); };   #endif // __HELLOWORLD_SCENE_H__

然后在TextFieldTTF.cpp中添加下面的代码

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 54 55 56 57

#include "TextFieldTTF.h"   CCScene* TextFieldTTF::scene() {      CCScene* scene = CCScene::create();            TextFieldTTF* layer = TextFieldTTF::create();        scene->addChild(layer);        return  scene; }     bool  TextFieldTTF::init() {      //初始化父类层      CCLayer::init();        //得到窗口的尺寸      CCSize winSize = CCDirector::sharedDirector()->getWinSize();        //创建文本框      //第一个参数：文本框中显示的内容      //第二个参数：字体      //第三个参数：文本的大小      textEdit = CCTextFieldTTF::textFieldWithPlaceHolder( "Please input your name:" ,               "Arial" , 36);        //设置文本框的位置      textEdit->setPosition(ccp(winSize.width / 2, winSize.height / 2));        //添加文本框到层上      addChild(textEdit);        //当触摸到控件的时候弹出软键盘      setTouchMode(kCCTouchesOneByOne);      setTouchEnabled( true );        return  true ; }   bool  TextFieldTTF::ccTouchBegan(CCTouch* touch, CCEvent* ev) {      //用于判断是否点中了控件      bool  isClicked = textEdit->boundingBox().containsPoint(touch->getLocation());        //如果点中了控件      if (isClicked)      {          //弹出软键盘          textEdit->attachWithIME();      }        //表示接受触摸消息      return  true ; }

程序执行结果：

在Windows下单击“Please input your name: ”会没有反应，因为Windows下没有软键盘。

程序移值到Android下的执行结果：

触摸“Please input your name :”后弹出软键盘

使用软键盘输入一段文字后：

选择完成后文字显示在控件上

程序实例：TextFieldTTF实现输入密码

将TextFieldTTF.cpp文件中的代码改成下面的代码

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 54 55 56 57 58

#include "TextFieldTTF.h"   CCScene* TextFieldTTF::scene() {      CCScene* scene = CCScene::create();            TextFieldTTF* layer = TextFieldTTF::create();        scene->addChild(layer);        return  scene; }     bool  TextFieldTTF::init() {      //初始化父类层      CCLayer::init();        //得到窗口的尺寸      CCSize winSize = CCDirector::sharedDirector()->getWinSize();        //创建文本框      textEdit = CCTextFieldTTF::textFieldWithPlaceHolder( "Please input your name:" ,               "Arial" , 36);        //设置文本框的位置      textEdit->setPosition(ccp(winSize.width / 2, winSize.height / 2));        //添加文本框到层上      addChild(textEdit);        //输入密码      textEdit->setSecureTextEntry( true );        //注册触摸函数，实现当触摸到控件的时候，弹出软键盘      setTouchMode(kCCTouchesOneByOne);      setTouchEnabled( true );        return  true ;      }   bool  TextFieldTTF::ccTouchBegan(CCTouch* touch, CCEvent* ev) {      //用于判断是否点中了控件      bool  isClicked = textEdit->boundingBox().containsPoint(touch->getLocation());        //如果点中了控件      if (isClicked)      {          //弹出软键盘          textEdit->attachWithIME();      }        //表示接受触摸消息      return  true ; }

程序移值到Android下的执行结果：程序移值到Android下的执行结果：

触摸“Please input your name :”后弹出软键盘

通过软键盘输入一段字符

选择完成后字符以密码的形式显示在控件上

程序实例：使用九位图美化控件

在工程目录下的Resource文件夹中放一张九位图

将TextFieldTTF.cpp文件中的代码改成下面的代码

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 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74

#include "TextFieldTTF.h"   CCScene* TextFieldTTF::scene() {      CCScene* scene = CCScene::create();            TextFieldTTF* layer = TextFieldTTF::create();        scene->addChild(layer);        return  scene; }     bool  TextFieldTTF::init() {      //初始化父类层      CCLayer::init();        //得到窗口的尺寸      CCSize winSize = CCDirector::sharedDirector()->getWinSize();        //创建文本框      textEdit = CCTextFieldTTF::textFieldWithPlaceHolder( "Please input your name:" ,               "Arial" , 36);        //设置文本框的位置      textEdit->setPosition(ccp(winSize.width / 2, winSize.height / 2));        //添加文本框到层上      addChild(textEdit);              //给控件增加背景(添加一张九位图)      CCScale9Sprite* bg = CCScale9Sprite::create( "green_edit.png" );            //将九位图添加到控件上      textEdit->addChild(bg);        //设置描点的位置      bg->setAnchorPoint(ccp(0,0));        //设置九位图的位置      bg->setPosition(ccp(0,0));        //将九位图的尺寸设置成控件的尺寸一样大      bg->setContentSize(textEdit->boundingBox().size);        //先显示九位图后显示控件      bg->setZOrder(-1);        //注册触摸函数，实现当触摸到控件的时候，弹出软键盘      setTouchMode(kCCTouchesOneByOne);      setTouchEnabled( true );        return  true ;      }   bool  TextFieldTTF::ccTouchBegan(CCTouch* touch, CCEvent* ev) {      //用于判断是否点中了控件      bool  isClicked = textEdit->boundingBox().containsPoint(touch->getLocation());        //如果点中了控件      if (isClicked)      {          //弹出软键盘          textEdit->attachWithIME();      }        //表示接受触摸消息      return  true ; }

程序移值到Android下的执行结果：

触摸“Please input your name :”后弹出软键盘

使用软键盘输入一段文字

选择完成后文字显示在控件上

来源网址：http://blog.youkuaiyun.com/u010105970/article/details/39937827