Cocos2d-x学习（四）：带光标的输入框

cocos2d-x为我们提供了一个跨平台的输入框，CCTextFieldTTF，初看时感觉提供的功能很少，当看到tests中TextInputTest这个例子的时候，感觉它的使用还真是很复杂，其原因无非是一些设置和判断的繁琐。不过话说回来了，输入框最主要的是跨平台监听输入，而不是样式！至于我们想要做的，就是根据游戏的需要相对封装一个简单的输入框而已！

今天我就以一个简单的带光标的输入框为例子，简单的解释一下输入框的工作原理和简单的封装，做到了控件使用时的简单，但是这只是一个简单的模型，目前只支持单行输入！

1.CCTextFieldTTF分析
这个类纯属是cocos2d-x的一个UI控件的扩展，当我们看到它的父类的时候，就会恍然大悟，喔！原来就是一个CCLabelTTF的子类啊！对，CCTextFieldTTF就是一个“动态”的CCLabelTTF，所谓的动态就是在监听到输入的时候动态的设置Label上的文字显示，仅此而已！而输入法的监听，则由其另一个父类CCIMEDelegate来实现。

[cpp] view plaincopyprint?class CC_DLL CCTextFieldTTF : public CCLabelTTF, public CCIMEDelegate
class CC_DLL CCTextFieldTTF : public CCLabelTTF, public CCIMEDelegate
再看其方法，总结为三大类：

（1）静态初始化方法，

[cpp]
/** creates a CCTextFieldTTF from a fontname, alignment, dimension and font size */
 static CCTextFieldTTF * textFieldWithPlaceHolder(const char *placeholder, const CCSize& dimensions, CCTextAlignment alignment, const char *fontName, float fontSize);
 /** creates a CCLabelTTF from a fontname and font size */
 static CCTextFieldTTF * textFieldWithPlaceHolder(const char *placeholder, const char *fontName, float fontSize);
 /** initializes the CCTextFieldTTF with a font name, alignment, dimension and font size */
 bool initWithPlaceHolder(const char *placeholder, const CCSize& dimensions, CCTextAlignment alignment, const char *fontName, float fontSize);
 /** initializes the CCTextFieldTTF with a font name and font size */
 bool initWithPlaceHolder(const char *placeholder, const char *fontName, float fontSize);
/** creates a CCTextFieldTTF from a fontname, alignment, dimension and font size */
 static CCTextFieldTTF * textFieldWithPlaceHolder(const char *placeholder, const CCSize& dimensions, CCTextAlignment alignment, const char *fontName, float fontSize);
 /** creates a CCLabelTTF from a fontname and font size */
 static CCTextFieldTTF * textFieldWithPlaceHolder(const char *placeholder, const char *fontName, float fontSize);
 /** initializes the CCTextFieldTTF with a font name, alignment, dimension and font size */
 bool initWithPlaceHolder(const char *placeholder, const CCSize& dimensions, CCTextAlignment alignment, const char *fontName, float fontSize);
 /** initializes the CCTextFieldTTF with a font name and font size */
 bool initWithPlaceHolder(const char *placeholder, const char *fontName, float fontSize);

（2）输入法控制方法，

[cpp]
/**
 @brief Open keyboard and receive input text.
 */
 virtual bool attachWithIME();

 /**
 @brief End text input and close keyboard.
 */
 virtual bool detachWithIME();
/**
 @brief Open keyboard and receive input text.
 */
 virtual bool attachWithIME();

/**
 @brief End text input and close keyboard.
 */
 virtual bool detachWithIME();

（3）字符输入处理方法

[cpp]
 virtual void insertText(const char * text, int len);
 virtual void deleteBackward();
 virtual const char * getContentText();
 virtual void insertText(const char * text, int len);
 virtual void deleteBackward();
 virtual const char * getContentText();
具体使用方法可以参考tests中的TextInputTest例子，用法很复杂，如果我们在每个需要输入的Layer中都去实现，那估计是会疯的！理所应当的做法是根据我们游戏的需要将其封装一下，以满足我们的需求！

2.自定义带光标的输入框 CursorTextField
(1) 首先，我们需要知道输入框控件要提供哪些想要的操作，而要完成这些操作，我们需要继承哪些父类
偷个懒，输入的任务就交给cocos2d-x的CCTextFieldTTF了，输入框中字符串的处理我们需要CCTextFieldDelegate，而要从Layer中将触摸判断解放出来，我们还需要CCTouchDelegate，所以，我们的自定义输入框的声明会是这样

[cpp]
class CursorTextField: public CCTextFieldTTF, public CCTextFieldDelegate, public CCTouchDelegate
{
private:
 // 点击开始位置 www.zzzyk.com
 CCPoint m_beginPos;

 // 光标精灵
 CCSprite *m_pCursorSprite;

 // 光标动画
 CCAction *m_pCursorAction;

 // 光标坐标
 CCPoint m_cursorPos;

 // 输入框内容
 std::string *m_pInputText;
public:
 CursorTextField();
 ~CursorTextField();

 // static
 static CursorTextField* textFieldWithPlaceHolder(const char *placeholder, const char *fontName, float fontSize);

 // CCLayer
 void onEnter();
 void onExit();

 // 初始化光标精灵
 void initCursorSprite(int nHeight);

 // CCTextFieldDelegate
 virtual bool onTextFieldAttachWithIME(CCTextFieldTTF *pSender);
 virtual bool onTextFieldDetachWithIME(CCTextFieldTTF * pSender);
 virtual bool onTextFieldInsertText(CCTextFieldTTF * pSender, const char * text, int nLen);
 virtual bool onTextFieldDeleteBackward(CCTextFieldTTF * pSender, const char * delText, int nLen);
 &

补充：移动开发 , 其他 ,