Quick-Cocos2d-x的输入框详解

Cocos2d-x 前端之家
前端之家收集整理的这篇文章主要介绍了Quick-Cocos2d-x的输入框详解，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

游戏引擎一般提供两种输入框：editBox和textfielttf。editBox比较简单，在iOS上效果也还行，但是在Android上就比较丑了，每次输入都会悬浮一个小框框。对于游戏来说eidtBox可以满足基本需求，毕竟输入还是少数情况。textfielttf是一种特殊的label,显示效果比较好，但是计算起来比较麻烦，要自己绘制光标，要自己绘制文字，自己计算增加和删除。


这里还是说一下自己实现的一种简陋的支持增加删除的方式吧。其实比较简单，原理就是记录每个字及每个字的位置，然后增加删除的时候既要对字处理也要对位置处理。（这里只针对单行进行说明，多行的还要自己维护高度等信息）。


先来说一下绘制函数，这里用的是自己维护的显示内容contentString

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
bool CCTextFieldTTFExtend::onDraw(CCTextFieldTTF*pSender)
{
@H_502_113@ CCLog( "thecontentstringinfieldttfextendis%s" ,contentString.c_str());
@H_502_113@ //检测是否有删改
@H_502_113@ pSender->setString(contentString.c_str());
@H_502_113@ if (once==1){
@H_502_113@ once=0;
@H_502_113@ if (recordPos.size()>0&&pSender->getContentSize().width-recordPos[recordPos.size()-1].point.x<0){
@H_502_113@ //有记录的数据，切操作之后显示的文字内容比记录的要短，说明进行的是删除操作
@H_502_113@ if (posInList>1){
@H_502_113@ float distance=recordPos[posInList-2].point.x-recordPos[posInList-1].point.x;
@H_502_113@ m_pCursorSprite->setPositionX(m_pCursorSprite->getPositionX()+distance/2);
@H_502_113@ pSender->setString(contentString.c_str());
@H_502_113@ updateDelete(pSender);
@H_502_113@ } else if (posInList==1){
@H_502_113@ float distance=0-recordPos[posInList-1].point.x;
@H_502_113@ m_pCursorSprite->setPositionX(m_pCursorSprite->getPositionX()+distance/2);
@H_502_113@ pSender->setString(contentString.c_str());
@H_502_113@ updateDelete(pSender);
@H_502_113@ }
@H_502_113@ return false ;
@H_502_113@ }
@H_502_113@ if (recordPos.size()>0&&pSender->getContentSize().width-recordPos[recordPos.size()-1].point.x>1){
@H_502_113@ //有记录的数据，切操作之后显示的文字内容比记录的要长，说明进行的是增加操作
@H_502_113@ float distance=pSender->getContentSize().width-recordPos[recordPos.size()-1].point.x;
@H_502_113@ m_pCursorSprite->setPositionX(m_pCursorSprite->getPositionX()+distance/2);
@H_502_113@ pSender->setString(contentString.c_str());
@H_502_113@ updateAdd(pSender);
@H_502_113@ return false ;
@H_502_113@ } else {
@H_502_113@ if (recordPos.size()==0&&pSender->getContentSize().width>0){
@H_502_113@ //显现没有记录说明没有文字，现在有记录说明是增加操作
@H_502_113@ m_pCursorSprite->setPositionX(m_pCursorSprite->getPositionX()+pSender->getContentSize().width/2);
@H_502_113@ updateAdd(pSender);
@H_502_113@ }
@H_502_113@ }
@H_502_113@ }
@H_502_113@ return false ;
}


删除内容操作：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
//删除内容
void CCTextFieldTTFExtend::deleteString(){
@H_502_113@ if ( strcmp (contentString.c_str(), "" )&&posInList<1){
@H_502_113@ return ;
@H_502_113@ }
@H_502_113@ //计算删除了几个汉字或字符
@H_502_113@ int nDeleteLen=1;
@H_502_113@ while (0x80==(0xC0&contentString.at(posInString-nDeleteLen)))
@H_502_113@ {
@H_502_113@ ++nDeleteLen;
@H_502_113@ }
@H_502_113@ stringtempNext=contentString.substr(posInString);
@H_502_113@ stringtempPrev=contentString.substr(0,posInString-nDeleteLen);
@H_502_113@ contentString=tempPrev+tempNext;
@H_502_113@ posInString-=nDeleteLen;
@H_502_113@ once=1;
@H_502_113@
}


增加内容操作：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//增加内容
void CCTextFieldTTFExtend::addString( const char *text){
@H_502_113@ stringtempPrev=contentString.substr(0,posInString);
@H_502_113@ stringtempNext=contentString.substr(posInString);
@H_502_113@
@H_502_113@ stringtempString=tempPrev+text+tempNext;
@H_502_113@
@H_502_113@ int addLength=( strlen (tempString.c_str())- strlen (contentString.c_str()));
@H_502_113@ posInString+=addLength;
@H_502_113@ contentString=tempString;
@H_502_113@ judgeChines=addLength;
@H_502_113@
@H_502_113@ CCLog( "thecontentStringis%s" ,contentString.c_str());
@H_502_113@ once=1;
}


删除位置操作：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
void CCTextFieldTTFExtend::updateDelete(CCTextFieldTTF*pSender){
@H_502_113@ //销毁足迹
@H_502_113@ float distance=0;
@H_502_113@ if (posInList!=0){
@H_502_113@ distance=recordPos[posInList].point.x-recordPos[posInList-1].point.x;
@H_502_113@ }
@H_502_113@
@H_502_113@ vector<RecordTTF>temp=recordPos;
@H_502_113@ recordPos.clear();
@H_502_113@ for ( int i=0;i<posInList-1;++i){
@H_502_113@ recordPos.push_back(temp[i]);
@H_502_113@ }
@H_502_113@ for ( int i=posInList;i<temp.size();++i){
@H_502_113@ temp[i].point.x-=distance;
@H_502_113@ recordPos.push_back(temp[i]);
@H_502_113@ }
@H_502_113@
@H_502_113@ posInList--;
}


添加足迹的操作：

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
void CCTextFieldTTFExtend::updateAdd(CCTextFieldTTF*pSender){
@H_502_113@ //原先字段的前部
@H_502_113@ vector<RecordTTF>temp=recordPos;
@H_502_113@ recordPos.clear();
@H_502_113@ for ( int i=0;i<posInList;++i){
@H_502_113@ recordPos.push_back(temp[i]);
@H_502_113@ }
@H_502_113@
@H_502_113@ //现增加的部分
@H_502_113@ float distance=0;
@H_502_113@ if (posInList>0){
@H_502_113@ RecordTTFlocal;
@H_502_113@ distance=pSender->getContentSize().width-temp[temp.size()-1].point.x;
@H_502_113@ local.point=CCPoint(temp[posInList-1].point.x+=distance,0);
@H_502_113@ CCLog( "现在的%f" ,local.point.x);
@H_502_113@ local.flag=judgeChines;
@H_502_113@ recordPos.push_back(local);
@H_502_113@ } else {
@H_502_113@ if (temp.size()<1){
@H_502_113@ RecordTTFlocal;
@H_502_113@ local.point=CCPoint(pSender->getContentSize().width,0);
@H_502_113@ local.flag=judgeChines;
@H_502_113@ recordPos.push_back(local);
@H_502_113@ } else {
@H_502_113@ RecordTTFlocal;
@H_502_113@ CCLog( "thecontentSizeis%f" ,pSender->getContentSize().width);
@H_502_113@ distance=pSender->getContentSize().width-temp[temp.size()-1].point.x;
@H_502_113@ local.point=CCPoint(temp[posInList-1].point.x+=distance,0);
@H_502_113@ CCLog( "现在的%f" ,local.point.x);
@H_502_113@ local.flag=judgeChines;
@H_502_113@ recordPos.push_back(local);
@H_502_113@ }
@H_502_113@ }
@H_502_113@
@H_502_113@ //原先文字的后部
@H_502_113@ for ( int i=posInList;i<temp.size();++i){
@H_502_113@ temp[i].point.x+=distance;
@H_502_113@ recordPos.push_back(temp[i]);
@H_502_113@ }
@H_502_113@ posInList++;
}


还有一种可能，如果要换行的话，我这里采用的是用系统控件的方式。
但是iOS上输入完内容之后，只有回车才能关闭键盘，点击空白处，或者自己的按钮都接收不到触摸事件，这时改一下lib/cocos2d-x/cocos2dx/platform/ios/EAGLView.mm，

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
-( void )handleTouchesAfterKeyboardShow
{
@H_502_113@ NSArray*subviews=self.subviews;
@H_502_113@
@H_502_113@ for (UIView*viewinsubviews)
@H_502_113@ {
@H_502_113@ if ([viewisKindOfClass:NSClassFromString(@ "CustomUITextField" )])
@H_502_113@ {
@H_502_113@ if ([viewisFirstResponder])
@H_502_113@ {
@H_502_113@ [viewresignFirstResponder];
@H_502_113@ return ;
@H_502_113@ }
@H_502_113@ }
@H_502_113@ if ([viewisKindOfClass:NSClassFromString(@ "UITextView" )])
@H_502_113@ {
@H_502_113@ if ([viewisFirstResponder])
@H_502_113@ {
@H_502_113@ [viewresignFirstResponder];
@H_502_113@ return ;
@H_502_113@ }
@H_502_113@ }
@H_502_113@ }
}

原因代码也说的比较清楚了，原先Quick只对自己的控件进行了处理，现在你增加一下把系统控件也处理以下。

此外，在做Android微信授权登陆的时候出现从cocos2dActivity跳转出去再跳转回来之后所有的cocos2d输入框不显示键盘,跟踪发现启动键盘确实走到

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
Cocos2dxGLSurfaceView.sHandler= new Handler(){
@H_502_113@ @Override
@H_502_113@ public void handleMessage(finalMessagemsg){
@H_502_113@ switch (msg.what){
@H_502_113@ case HANDLER_OPEN_IME_KEYBOARD:
@H_502_113@ Log.i( "" , "接收到启动键盘通知" );
@H_502_113@ if (null!=Cocos2dxGLSurfaceView. this .mCocos2dxEditText&&Cocos2dxGLSurfaceView. this .mCocos2dxEditText.requestFocus()){
@H_502_113@ Log.i( "" , "接收到启动键盘通知开始启动键盘" );
@H_502_113@ Cocos2dxGLSurfaceView. this .mCocos2dxEditText.removeTextChangedListener(Cocos2dxGLSurfaceView.sCocos2dxTextInputWraper);
@H_502_113@ Cocos2dxGLSurfaceView. this .mCocos2dxEditText.setText( "" );
@H_502_113@ finalStringtext=(String)msg.obj;
@H_502_113@ Cocos2dxGLSurfaceView. this .mCocos2dxEditText.append(text);
@H_502_113@ Cocos2dxGLSurfaceView.sCocos2dxTextInputWraper.setOriginText(text);
@H_502_113@ Cocos2dxGLSurfaceView. this .mCocos2dxEditText.addTextChangedListener(Cocos2dxGLSurfaceView.sCocos2dxTextInputWraper);
@H_502_113@ finalInputMethodManagerimm=(InputMethodManager)Cocos2dxGLSurfaceView.mCocos2dxGLSurfaceView.getContext().getSystemService(Context.INPUT_METHOD_SERVICE);
@H_502_113@ imm.showSoftInput(Cocos2dxGLSurfaceView. this .mCocos2dxEditText,0);
@H_502_113@ Log.d( "GLSurfaceView" , "showSoftInput" );
@H_502_113@ }
@H_502_113@ break ;


原因是我将微信授权的回调activity也设成了cocos2dActivity。具体是什么造成的没有去深究，将其改为activity，并注意下到底是UIThread还是OpenGLThread,这样的问题就没有了。大部分这种操作都是线程混乱造成的，出现这种类似的情况，多看一下是否是线程的原因。

Cocos引擎中文官网有奖征集优秀原创Cocos教程 奖品丰厚！活动地址：http://www.cocoachina.com/bbs/read.php?tid-274890.html

来源网址：http://www.jb51.cc/article/p-gdkhsxyl-bbe.html

猜你在找的Cocos2d-x相关文章

创建自定义的Cocos2d-x场景
操作步骤 1、创建cocos2d-x工程 2、新建 Scene1.cpp Scene1.h Scene1.h代码 #ifndef __SCE...
给vs2010安装上cocos2d-x的模版
开发环境：OS(WINDOWS 8.1 X64 企业版) cocos2d-x 2.2.1 vs2010 想给vs安装上cocos的模版，...
Python创建Cocos2d-x 2.2方法
把创建项目做成一个批处理，当创建项目时可以省时省力很多。 操作步骤 1、在 E:cocos2d-x-...
cocos2dx 物理碰撞
https://www.cnblogs.com/JiaoQing/p/3906780.html 四个响应函数 1 EventListenerPhysics...
cocos2d-js 自定义事件监听派发
转载于 http://www.cnblogs.com/kenkofox/p/3926797.html 熟悉js的dom事件或者flash事件的...
cocos常用 实用 公共函数 lua代码
公共资源加载，缓存retain；防止被自动销毁 2. 数字滚动递增；用于得奖后，总金币跳动增加...
cocos creator box2d
title Map 使用box2d var sfloors = this.tiledMap.getObjectGroup(‘Special_Floor‘).g...
（转）让quick-cocos2d-x支持加密的plist文件
前篇：quick-cocos2d-x图片资源加密 在前篇里面，我们实现了图片资源的加密，但还没有实现...
（转）quick-cocos2d-x图片资源加密(续)
摘要: 对在quick-cocos2d-x上实现的资源加密方法的补充 前篇： quick-cocos2d-x图片资源加...
Cocos Creator 动态改变sprite图片
首先将存放图片最外层文件夹命名为resources 　　 changeBj: function(){ 　　　　var url...
iOSAndroidSwiftHybridCocos2d-xFlutterXcodeSilverlightcocoaCordova
调试桥筛选栏假异步不会丢失AndPermissio权限申请抽屉式systemUI信号栏多行排列跨多行显示viewmode数据共享录制语音视频通话多行显示Studio3.5拉伸控件望远镜发动态走势图点赞控件显示牌冷启动v3签名v2签名v1签名本地html外接键盘流式标签