一个在RichEdit中添加表情图象的类

作者：中原工学院 刘翔

下载源代码

说明
　　本文根据VC知识库《在线杂志》的第30期的一篇文章：《》，介绍了一个可以在RichEdit中添加表情图象的类CFaceEdit。 以下是使用这个类的程序截图：


图一 CFaceEdit类的使用

使用方法
　　我们可以先看一下它的使用方法：

//将对话框类成员变量由CRichEditCtrl改为CFaceEdit
CFaceEdit m_FaceEdit;

//自定义一组表情
CString pSymbol[] = {":)", ":(", ";)", ":0", ";-)"};

//表情对应的图象ID
UINT nIDBmp[] =  {    IDB_BITMAP1, IDB_BITMAP2, IDB_BITMAP3, IDB_BITMAP4, IDB_BITMAP5};
m_FaceEdit.Init(5, pSymbol, nIDBmp);
......
m_FaceEdit.SetText("Visual Studio 包括许多示例:)，用以说明开发人员为.NET 平台;)创建的应用程序:-) 。");

CString sBmpFile[] = {"res\\kid.bmp", "res\\sad.bmp", "res\\showoff.bmp", "res\\quip.bmp", "res\\maze.bmp"};
m_FaceEdit.Init(5, pSymbol, sBmpFile);
...
m_FaceEdit.SetText("Visual Studio 包括许多示例:)，用以说明开发人员为.NET 平台;)创建的应用程序:-) 。");

/*-----------------------------------------------------------------------------
*     函数名     ：SetTextWithFace
*
*     功能 ：实现插入图象的算法函数。
*     实现原理：
                假设：CString pSymbol[] = {":)", ":(", "#", "AK47", ":-)"};
                先将包括表情符号的文本( 如："haha:)" )直接显示到CRichEditCtrl中，
                然后选定其中的表情符号( 如：":)" )，再调用InsertBitmap函数
                实现插入，详见注释
-----------------------------------------------------------------------------*/
void CFaceEdit::SetTextWithFace(CString str)
{
       CString *pstr = new CString[m_nfaceCount];
       for(int n = 0; n<m_nfaceCount; n++)
       {
              pstr[n] = m_pSymbol[n];
       }

       SetWindowText(str);

       int nFaceCount = 0;           //str中共有多少个表情。
       stFace faceNode;        //faceNode中存储的是在哪个位置插入，插入哪一个表情。
       vector <stFace> vecFace;  //vecFace[0]表示第一个表情的位置和型号、vecFace[1]表示第二的位置和型号…

       /* ************************************************************************
       *           第一步：
       *           在str中查找表情字符(pstr)。
       *
       *           如str = "我们的:-)明天更美好AK47，一定:-)非常美好#。"。那么以下操作将生成四个
       *           stFace(定义见FaceEdit.h)结点，它们的值分别为{3, 3, 3}, {15, 3, 4}, {10, 1, 3}, {21, 0, 1}。
       *           使用vector数组vecFace进行存储。
       *
       * *************************************************************************/
       for(int i=0, m = -1; i<m_nfaceCount; i++)
       {
              //关键的一步：查找宽字符，汉字算一个字符。放在循环中，就可以查找重复的字符。
              while(1)
              {
                     m = (int)str.Find(pstr[i], m + 1);       //循环搜索
                     if(m != -1)
                     {
                            faceNode.nPos = m;
                            faceNode.nFaceIndex = i;
                            faceNode.nLength = (int)pstr[i].GetLength();

                            vecFace.push_back(faceNode);
                            nFaceCount++;
                     }
                     else
                     {
                            break;
                     }
              }
       }     //查找完毕
       if(nFaceCount==0)             //在str中没找到一个表情，下面就无需插入表情了。
              return;

       delete []pstr;
       /* ************************************************************************
       * 第二步：
       * 使用泛型算法sort进行排序。
       *
       * 上面的四个结点：A:{3, 3, 3}, B:{15, 3, 4}, C:{10, 1, 3}, D:{21, 0, 1}，显然这不是按照
       * 顺序排的，这里应该按表情在文本中出现的次序依次替换，否则替换算法将会非常麻烦。
       *
       * *************************************************************************/
       bool less_than(stFace &face1, stFace &face2);     //声明排序的"条件"函数
       //详见我的ObjectSort工程中的说明。可参见《Essential C++》P84
       sort(vecFace.begin(), vecFace.end(), less_than); 


       /* ***********************************************************************
       * 第三步：
       * 调整各表情字符位置(nPos)。
       *
       * 排序之后各结点：A:{3, 3, 3}, C:{10, 1, 3}, B:{15, 3, 4}, D:{21, 0, 1}。
       * 经过摸索，发现这样一个规律：
       * 本结点应该向前挪的值(prev) = 上一个表情的长度(prevLength) - 1 + 上一个结点应该向前挪的值(prev)
       *
       * 如：
                     CString pSymbol[] = {":)", ":(", "#", "AK47", ":-)"};
                     序号：?                    0     1?    2?  ?3?   ?4

                     "我们的:-)明天更美好AK47，一定:-)非常美好#。"
                     位置： 3            11        18         25

                     "#"(25, 2, 1)    "AK47"(11, 3, 4)  ":-)"(3, 4, 3)   ":-)"(18, 4, 3) 
                         ~~                      ~~         　      ~~                  ~~
                     排序后：
                     ":-)"(3, 4, 3)   "AK47"(11,3, 4)   ":-)"(18, 4, 3)    "#"(25, 2, 1)
                           ~~                     ~~                ~~                  ~~
                     处理后：
                     ":-)"(3, 4, 3)   "AK47"(9, 3, 4)   ":-)"(13, 4, 3)    "#"(18, 2, 1)
                           ~~                     ~~                ~~                  ~~
                          少了0                  少了2            少了5          少了7
                                                 3-1+0            4-1+2          3-1+5
       *
       *
       * *********************************************************************/
       for(int t = 0, prevLength = 0, prev = 0; t<nFaceCount; t++)
       {
              vecFace[t].nPos -= prev;
              prevLength = vecFace[t].nLength;
              prev = prevLength - 1 + prev;
       }

       /* ********************************************************************
       * 第四步：
       * 下面插入表情。
       *
       * 调用InsertBitmap插入各处理完成的各结点A:{3, 3], C:{9, 1}, B:{13, 3}, D:{18, 0}。
       *
       * *********************************************************************/
       try
       {
              for(int j=0; j<nFaceCount; j++)
              {
                     stFace faceNode = vecFace[j];
                     InsertBitmap(faceNode);
              }
       }

       catch(char *sError)
       {
              MessageBox(sError, "HBITMAP", MB_OK | MB_ICONERROR);
       }
}