聊天输入框 （单行输入框

最新推荐文章于 2025-02-20 19:18:32 发布
最新推荐文章于 2025-02-20 19:18:32 发布
阅读量1.9k 收藏
点赞数
分类专栏： cocos2d-x
聊天输入框  （单行输入框 ，多行可自己扩展）
实现功能：
1.普通输入
2.设置输入框显示最大宽度（PT值，cocos2d-x坐标值）
3.设置输入框允许的最大字符数量（字符Unicode）
4.输入框自动缩进（当输入字符串数量超过显示框最大宽度时，会自动向左缩进，显示最新字符串
 

输入框实现代码
头文件：

#ifndef CursorInputDemo_CursorTextField_h
#define CursorInputDemo_CursorTextField_h
#include "cocos2d.h"
USING_NS_CC;
class CursorTextField: public CCTextFieldTTF, public CCTextFieldDelegate, public
CCTouchDelegate
{
private:
 // 点击开始位置
 CCPoint m_beginPos;
 // 光标精灵
 CCSprite *m_pCursorSprite;
 // 光标动画
 CCAction *m_pCursorAction;
 // 光标坐标
 CCPoint m_cursorPos;
 //输入框长度
 float inputFrameWidth;
 //允许输入的最大字符数Unicode
 float inputMaxLength;
 int nLenCount;
 int* codeNumType;    //每个字符对应的字节数量
 int codeCur;         //当前第几个字符
 int startCur;        //行开头字符下标
 int endCur;          //行末尾下标
 // 输入框总内容
 std::string *m_pInputText;
 std::string inpuText; //当前输入框内容
public:
 CursorTextField();
 ~CursorTextField();
 // static
 static CursorTextField* textFieldWithPlaceHolder(const char *placeholder, const char
*fontName, float fontSize);
 // CCLayer
 void onEnter();
 void onExit();
 bool init();
 // 初始化光标精灵
 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);
 // CCLayer Touch
 bool ccTouchBegan(CCTouch *pTouch, CCEvent *pEvent);
 void ccTouchEnded(CCTouch *pTouch, CCEvent *pEvent);
 // 判断是否点击在TextField处
 bool isInTextField(CCTouch *pTouch);
 // 得到TextField矩形
 CCRect getRect();
 // 打开输入法
 void openIME();
 // 关闭输入法
 void closeIME();
 const char* getInputText();
 void setInpuntText(char* text);
 void setInputWidth(float width);
 void setInputMaxLength(float length);
 int Utf82Unicode(LPWSTR out,  int outsize , LPSTR in,int insize);
};
#endif
 

cpp文件：

#include "CursorTextField.h"
const static float DELTA = 0.5f;
using namespace cocos2d;
using namespace std;
CursorTextField::CursorTextField()
{
 CCTextFieldTTF();
 m_pCursorSprite = NULL;
 m_pCursorAction = NULL;
 m_pInputText = NULL;
 codeNumType = NULL;
}
CursorTextField::~CursorTextField()
{
 CC_SAFE_DELETE(m_pInputText);
 CC_SAFE_DELETE_ARRAY(codeNumType);
}
void CursorTextField::onEnter()
{
 CCTextFieldTTF::onEnter();
 CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this,0,false);
 this->setDelegate(this);
}
CursorTextField * CursorTextField::textFieldWithPlaceHolder(const char *placeholder, const char
*fontName, float fontSize)
{
 CursorTextField *pRet = new CursorTextField();
 if(pRet && pRet->initWithString("", fontName, fontSize))
 {
  pRet->autorelease();
  if (placeholder)
  {
   pRet->setPlaceHolder(placeholder);
  }
  pRet->init();
  pRet->initCursorSprite(fontSize);
  pRet->setHorizontalAlignment(kCCTextAlignmentLeft);
  return pRet;
 }
 CC_SAFE_DELETE(pRet);
 return NULL;
}
bool CursorTextField::init(){
 this->inputFrameWidth = 400;
 this->inputMaxLength = 38;
 this->nLenCount = 0;
 this->codeNumType = new int[50];
 this->codeCur = 0;
 this->startCur = 0;
 this->endCur = 0;
 inpuText = "";
 return true;
}
void CursorTextField::initCursorSprite(const int mHeight)
{
 // 初始化光标
 const int column = 4;
 const int nHeight = (const int)mHeight;
 int pixels[25][column];
 for (int i=0; i<nHeight; ++i) {
  for (int j=0; j<column; ++j) {
   pixels[i][j] = 0xffffffff;
  }
 }
 CCTexture2D *texture = new CCTexture2D();
 texture->initWithData(pixels, kCCTexture2DPixelFormat_RGB888, 1, 1, CCSizeMake(column,
nHeight));
 m_pCursorSprite = CCSprite::createWithTexture(texture);
 CCSize winSize = getContentSize();
 m_cursorPos = ccp(0, winSize.height / 2);
 m_pCursorSprite->setPosition(m_cursorPos);
 this->addChild(m_pCursorSprite);
 m_pCursorSprite->setVisible(false);
 m_pCursorAction = CCRepeatForever::create((CCActionInterval *) CCSequence::create
(CCFadeOut::create(0.25f), CCFadeIn::create(0.25f), NULL));
 m_pCursorSprite->runAction(m_pCursorAction);
 m_pInputText = new std::string();
}
bool CursorTextField::ccTouchBegan(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent)
{    
 m_beginPos = pTouch->getLocation();
 return true;
}
CCRect CursorTextField::getRect()
{
 CCSize size = getContentSize();
 return  CCRectMake(0, -size.height / 2, inputFrameWidth, size.height);
}
//获取输入框内容
const char* CursorTextField::getInputText(){
 const char* text = m_pInputText->c_str();
 return text;
}
//设置输入框内容
void CursorTextField::setInpuntText(char* text){
 *m_pInputText = "";
    setString(text);
 m_pCursorSprite->setPositionX(0);
 CC_SAFE_DELETE_ARRAY(codeNumType);
 codeNumType = new int[50];
 codeCur = 0;
 startCur = 0;
 endCur = 0;
 inpuText = "";
}
//设置输入框宽度 一旦字符串宽度超度这个长度 字符串会自动向左缩进
void CursorTextField::setInputWidth(float width){
 this->inputFrameWidth = width;
}
//设置输入宽显示的最大字符数量Unicode
void CursorTextField::setInputMaxLength(float length){
 this->inputMaxLength = length;
}
//判断点击事件，是否响应在输入框范围内
bool CursorTextField::isInTextField(cocos2d::CCTouch *pTouch)
{
 return getRect().containsPoint(convertTouchToNodeSpaceAR(pTouch));
}
void CursorTextField::ccTouchEnded(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent)
{
 CCPoint endPos = pTouch->getLocation();
 // 判断是否为点击事件
 if (::abs(endPos.x - m_beginPos.x) > DELTA || 
  ::abs(endPos.y - m_beginPos.y)) 
 {
  // 不是点击事件
  m_beginPos.x = m_beginPos.y = -1;
  return;
 }
 // 判断是打开输入法还是关闭输入法
 isInTextField(pTouch) ? openIME() : closeIME();
}
//弹出手机键盘时响应事件
bool CursorTextField::onTextFieldAttachWithIME(cocos2d::CCTextFieldTTF *pSender)
{
 if (m_pInputText->empty()) {
  return false;
 }
 m_pCursorSprite->setPositionX(getContentSize().width);
 return false;
}
//当有输入进来时响应
//@param pSender 发送事件对象
//@param text 输入内容
//@param  内容字节长度
bool CursorTextField::onTextFieldInsertText(cocos2d::CCTextFieldTTF *pSender, const char *text,
int nLen)
{
 std::string sText = m_pInputText->c_str();
 wchar_t* wText = new wchar_t[200];
 char t[200];
 memset(t,0,200);
 strcpy(t,sText.c_str());
 //将字符串转换为Unicode，并返回Unicode字符数量
 int cou = Utf82Unicode(wText,200,t,sText.length());
 //当字符数量超过规定值 不做处理
 if(cou >= inputMaxLength) return true;
 //屏蔽回车输入
 if(text[0] == '\n')
  return true;
 //输入框总内容添加
 m_pInputText->append(text);
 //测试
 CCLabelTTF* ttf = CCLabelTTF::create(text,"Verdana-Bold",26);
 float teWidth = ttf->getContentSize().width;
 CCLOG("any code length---%f",teWidth);
 //输入框当前字符串添加
 inpuText.append(text);
 //当前字符的长度
 codeNumType[codeCur++] = nLen;
 std::string* localText = m_pInputText;
 setString(m_pInputText->c_str());
 //如果总字符串的长度大于指定宽度
 if(getContentSize().width > inputFrameWidth){
     //大于，截取字符串，直到字符串的长度小于指定宽度为止
  setString(inpuText.c_str());
  while(getContentSize().width > inputFrameWidth){
      int nnLen = nLen;
      if(codeNumType[startCur] == 1){
       nnLen = 1;
      }
      if(codeNumType[startCur] == 3){
       nnLen = 3;
      }
      startCur++;
      nLenCount += nnLen;
         float gap = localText->size() - nLenCount;
   inpuText = localText->substr(nLenCount,gap);
   setString(inpuText.c_str());
   float coWidth = getContentSize().width;
  }
 }
 else{
     //小于，直接设置显示总字符串
  nLenCount = 0;
  startCur = 0;
  setString(m_pInputText->c_str());
 }
 //设置光标位置
 m_pCursorSprite->setPositionX(getContentSize().width);
 CC_SAFE_DELETE_ARRAY(wText);
 return true;
}

//当有输入进来时响应
//@param pSender 发送事件对象
//@param text 删除内容
//@param  内容字节长度
bool CursorTextField::onTextFieldDeleteBackward(cocos2d::CCTextFieldTTF *pSender, const char
*delText, int nLen)
{
    //将总字符串长度减去nLen字节长
 m_pInputText->resize(m_pInputText->size() - nLen);
 //当前字符数减一
 codeNumType[codeCur--] = 0;
 std::string* localText = m_pInputText;
 setString(m_pInputText->c_str());
 if(getContentSize().width > inputFrameWidth){
     //大于指定宽度，截取字符串，直到字符串长度小于指定宽度
  while(getContentSize().width > inputFrameWidth){
      int nnLen = nLen;
      if(codeNumType[startCur - 1] == 1){
       nnLen = 1;
      }
      if(codeNumType[startCur - 1] == 3){
       nnLen = 3;
      }
      nLenCount -= nnLen;
      startCur--;
      if(startCur <=0)
       startCur = 0;
      if(nLenCount <=0 )
       nLenCount = 0;
      float gap = localText->size() - nLenCount;
      const std::string text = localText->substr(nLenCount,gap);
      setString(text.c_str());
   inpuText = text;
  }
 }
 else{
  nLenCount = 0;
  startCur = 0;
  setString(m_pInputText->c_str());
 }
 //设置光标位置
 m_pCursorSprite->setPositionX(getContentSize().width);
 if (m_pInputText->empty()) {
  m_pCursorSprite->setPositionX(0);
 }
 return true;
}
bool CursorTextField::onTextFieldDetachWithIME(cocos2d::CCTextFieldTTF *pSender)
{
 return false;
}
void CursorTextField::openIME()
{
 m_pCursorSprite->setVisible(true);
 this->attachWithIME();
}
void CursorTextField::closeIME()
{
 m_pCursorSprite->setVisible(false);
 this->detachWithIME();
}
void CursorTextField::onExit()
{
 CCTextFieldTTF::onExit();
 CCDirector::sharedDirector()->getTouchDispatcher()->removeDelegate(this);
}
int  CursorTextField::Utf82Unicode(LPWSTR out,  int outsize , LPSTR in,int insize)  
{  
   
//-------------------------------------------------------------------------------------------  
    //参数有效性判断  
    if(out == NULL || in == NULL || insize<0)  
    {  
        return -1;  
    }  
 int typeCount = 0;
    int totalNum = 0;  
    char *p = in;  
    for(int i=0;i<insize;i++)  
    {  
        if (*p >= 0x00 && *p <= 0x7f)//说明最高位为'0'，这意味着utf8编码只有1个字节！  
        {  
            p++;  
            totalNum += 1;  
        }  
        else if ((*p & (0xe0))== 0xc0)//只保留最高三位，看最高三位是不是110，如果是则意味着utf8
编码有2个字节！  
        {  
            p++;  
            p++;  
            totalNum += 1;  
        }  
        else if ((*p & (0xf0))== 0xe0)//只保留最高四位，看最高三位是不是1110，如果是则意味着
utf8编码有3个字节！  
        {  
            p++;  
            p++;  
            p++;  
            totalNum += 1;  
        }  
    }  
    if( outsize < totalNum )//参数有效性判断！  
    {  
        return -1;  
    }  
    //------------------------------------------------  
        int resultsize = 0;  
  
        p = in;  
        char* tmp = (char *)out;  
        while(*p)  
        {  
            if (*p >= 0x00 && *p <= 0x7f)//说明最高位为'0'，这意味着utf8编码只有1个字节！  
            {  
                *tmp = *p;  
                tmp++;  
                //*tmp = '/0';  
                tmp++;  
                resultsize += 1;  
            }  
            else if ((*p & 0xe0)== 0xc0)//只保留最高三位，看最高三位是不是110，如果是则意味着
utf8编码有2个字节！  
            {  
                wchar_t t = 0;  
                char t1 = 0;  
                char t2 = 0;  
  
                t1 = *p & (0x1f);//高位的后5位！（去除了头部的110这个标志位）  
                p++;  
                t2 = *p & (0x3f);//低位的后6位！（去除了头部的10这个标志位）  
  
                *tmp = t2 | ((t1 & (0x03)) << 6);  
                tmp++;  
                *tmp = t1 >> 2;//留下其保留的三位  
                tmp++;  
                resultsize += 1;  
            }  
            else if ((*p & (0xf0))== 0xe0)//只保留最高四位，看最高三位是不是1110，如果是则意味
着utf8编码有3个字节！  
            {  
                wchar_t t = 0;  
                wchar_t t1 = 0;  
                wchar_t t2 = 0;  
                wchar_t t3 = 0;  
                t1 = *p & (0x1f);  
                p++;  
                t2 = *p & (0x3f);  
                p++;  
                t3 = *p & (0x3f);  
  
                *tmp = ((t2 & (0x03)) << 6) | t3;  
                tmp++;  
                *tmp = (t1 << 4) | (t2 >> 2);  
                tmp++;  
                resultsize += 1;  
            }  
            p++;  
        }  
        /*不考虑结束符，如果考虑则打开此段！  
        *tmp = '/0';  
        tmp++;  
        *tmp = '/0';  
        resultsize += 2;  
        */  
        return resultsize;  
}  

希望能为需要的朋友解决问题，
如果还不能解决可以联系QQ897703027，email: hongjiandao@163.com
欢迎大家交流cocos2d-x，C++等各方面的知识,或者创业团队求收留，本人目前在做cocos2dx 网游    

Qt QLineEdit单行输入框用法详解_qt 输入框带删除(1)
2401_86963300的博客
09-12 960
表 1 QLineEdit常用属性 属 性 含 义除了上表提到的获取和修改属性值的方法外，QLineEdit 类还提供了一些功能实用的方法，例如：表 2 QLineEdit常用方法 成员方法 功 能。
聊天,输入框
12-26
此demo是一款本地聊天布局和自定义输入框,希望大家互相学习,勿喷...
TKinter之单行文本输入框
Weary_PJ的博客
01-29 2319
PythonGUI TKinter(一) –学习猿地(新版全套Python基础教程(下) #GUI编程) 单行文本输入框 下面是最基本的输入框 import tkinter # 复选框组件 root = tkinter.Tk() root.geometry('500x500') # 创建组件 username = tkinter.Entry(root, width=50) username....
前端开发入门：手把手教你实现一个聊天框UI
Ccwlwlbb51522的博客
02-20 979
顶部标题栏：显示聊天标题。聊天内容区域：支持左右两侧对话布局，左侧为用户消息，右侧为对方消息。底部输入框和发送按钮：用户可以输入消息并发送。滚动条：当聊天内容超出区域时，自动显示滚动条。最终效果如下：通过这个项目，我们学习了如何使用HTML和CSS实现一个高颜值的聊天框，并优化了布局和交互体验。你可以在此基础上进一步扩展功能，例如添加动态消息加载、实现消息发送逻辑等。希望这篇博客能帮助你掌握CSS布局的技巧，并激发你更多的创意！
APICloud UIChatBox UIChatTools 无法在frame中关闭的解决方法
Rhapso的博客
11-22 379
精髓 善用 // frame api.sendEvent({ name: 'myEvent', extra: { key1: 'value1', key2: 'value2' } }); // window //html页面a： api.addEventListener({ name: 'myEvent' }, function(r...
textView聊天输入框调整优化界面
JYJ的博客
08-09 914
JYJChatgitHub地址 https://github.com/jiangyongjian/JYJChat 模仿微信聊天，当然里面很多功能没有完善。小编今天要讲的也不是微信聊天，讲的是微信键盘处理，文本框输入GIF现在聊天app很多很多,但是小编发现，除了微信，QQ，支付宝等几个大公司的键盘处理，文本框的输入非常好之外，其他市面上聊天app的键盘，输入框都有做的不是很好，很美观。问题： 文本
实现简单的聊天框
javascript_meng的博客
09-07 1219
效果图： CSS部分： body { background: #eee; padding: 0; margin: 0; } .cnt { width: 500px; height: 500px; margin: auto; background: #fff; ...
uniapp中使用仿微信聊天输入框
最新发布
03-11
### 创建仿微信的聊天输入框组件 为了在 UniApp 中创建一个类似于微信的聊天输入框组件，需考虑几个方面来确保用户体验的一致性和功能性。此过程涉及使用 `input` 组件以及一些额外的功能定制。 #### 使用 Input ...
一个简单的qt版测试QLineEdit单行输入框，面板上输入账号密码
03-25
在本文中，我们将深入探讨如何使用Qt开发框架中的QLineEdit组件来创建一个简单的登录界面，该界面包含用于输入账号和密码的单行输入框。QLineEdit是Qt库中用于显示和编辑单行文本的控件，非常适合在各种GUI应用程序...
tkinter单行输入框
08-16
单行输入框在Tkinter中被称为`Entry`组件，它用于接收用户的文本输入。你可以通过以下步骤创建一个基本的单行输入框： 1. 导入tkinter模块：首先需要导入`tkinter`模块。 ```python from tkinter import * ``` 2. ...
Swift解决键盘遮挡输入框的单行代码技巧
#### 标题知识点：Swift-一句代码解决键盘遮挡输入框问题 - **Swift编程语言**：Swift是由苹果公司开发的强类型编程语言，用于iOS、macOS、watchOS和tvOS应用的开发。本知识点强调使用Swift语言编写iOS应用时，如何...
js实现聊天对话框
11-21
本文实例为大家分享了js实现聊天对话框的具体代码，供大家参考，具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ width:300px; height:400px; border:1px solid blue; margin:0 auto; } .inTer{ width:280px; height:280px; border:1px solid deeppink; margin:0 auto; ma
chat_input:ChatInput输入框：现在有很多聊天App，进入聊天界面一般有消息列表，一个是输入框，有表情，有其他功能项，称为微信和QQ等；而该项目中主要是将输入框的共性合一，将输入框，表情和其他功能选项封装为一个视图-> ChatInput，项目中有简单的使用，可以根据需要往源代码中添加功能等
03-23
chat_input:ChatInput输入框：现在有很多聊天App，进入聊天界面一般有消息列表，一个是输入框，有表情，有其他功能项，称为微信和QQ等；而该项目中主要是将输入框的共性合一，将输入框，表情和其他功能选项封装为一个视图-> ChatInput，项目中有简单的使用，可以根据需要往源代码中添加功能等
HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能
09-27
之前做过一版h5微信聊天移动端的项目，今天小编抽空给大家分享HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能，需要的朋友参考下吧
对话框弹出对话框输入数据_建立输入对话框
cumao2792的博客
09-13 789
Message dialog boxes are great when you want to inform the user of a message and get a simple response (i.e., a YES or OK click) but there are times when you want the user to give a little bit of dat...
textLayoutFramework,如何创建一个单行输入框
weixin_34391854的博客
08-03 187
private function addTLFField(t:TextFlow, s:Sprite, w:Number, h:Number):void{ var control:ContainerController = new ContainerController(s, w, h); var um:UndoManager = new UndoMa...
上位机开发PyQt5（二）【单行输入框、多行输入框、按钮的信号和槽】
weixin_68429349的博客
04-28 1568
信号和槽机制是 QT 的核心机制，应用于对象之间的通信信号和槽是用来在对象间传递数据的方法当一个特定事件发生的时候，signal会被emit出来，slot调用是用来响应相应的signal的Qt中对象已经包含了许多预定义的signal（基本组件都有各自特有的预定义的信号）槽函数绑定了信号，信号一旦发出，就会自动调用绑定的槽函数。
实现一个 AI 聊天输入框：从基础到高级的指南
vitalityxyl的博客
07-13 1358
输入数据并发送聊天消息；支持shift+enter换行；
单行编辑框、口令输入框、多行编辑框的用法！
LanCraft的专栏
02-24 1261
import java.awt.*;import java.awt.event.*;import javax.swing.*;class JPassword { JFrame f = new JFrame("单行编辑框、口令输入框、多行编辑框的用法！"); private JTextField user = new JTextField(20); private JPasswordField
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值