Chinaunix首页 | 论坛 | 博客
  • 博客访问: 8158266
  • 博文数量: 1227
  • 博客积分: 10026
  • 博客等级: 上将
  • 技术积分: 20273
  • 用 户 组: 普通用户
  • 注册时间: 2008-01-16 12:40
文章分类

全部博文(1227)

文章存档

2010年(1)

2008年(1226)

我的朋友

分类: C/C++

2008-03-10 20:58:44

QQ软件主界面的ListCtrl 是可以说非常经典了,一个字漂亮! 这个ListCtrl的所包含的信息之丰富,更是让我们这些软件工程师望Q兴叹! 今天,我将和大家一起来写一个属于自已的CMyListCtrl。



一、实现CMyListCtrl要完成的任务及实现方法分析。

1.MyListCtrl 显示彩色图片头像(在线用户头)

让CMyListCtrl 显示彩色图片作为头像很容易,用CImageList 加载规格相同的图片到其中,然后让CimageList和CMyListCtrl关联就可实现, 向ImageList 添加图片或图标的三种方法代码总结如下:

CImageList m_imageList;

m_imagelist.Create(40, 40, ILC_MASK|ILC_COLOR32, 1, 1);

//添加ID 为IDI_ICON的图标

m_imageList.Add( AfxGetApp()->LoadIcon(IDI_ICON));

//从图标文件中加载并添加

HICON hIcon = (HICON)LoadImage(NULL, ".\\image\\SQQun.ico", IMAGE_ICON, 0, 0, LR_LOADFROMFILE)

m_imagelist.Add(hIcon);

//从位图文件中加载并添加

CBitmap *pBitmap=new CBitmap;

pbitmap ->m_hObject = (HBITMAP) LoadImage(NULL, "face.bmp", IMAGE_BITMAP, 0, 0, LR_LOADFROMFILE);
m_imagelist.Add(pBitmap, RGB(255,255, 255)/*mask color*/);

…

Delete pBitmap;
把 CMyListCtrl 和CimageList 关联并向ListCtrl 添加用户代码
//先创建ListCtrl (m_MyFriendListCtrl)

if(m_MyFriendListCtrl.Create(LVS_SMALLICON | WS_TABSTOP|WS_CHILD, 
                   CRect(50,100,206,180), this, IDD_TALKER_LIST/*ID*/))                                                       
{
          //关联

         m_MyFriendListCtrl.SetImageList(&m_imagelistBig,LVSIL_SMALL);
         m_MyFriendListCtrl.SetBackBitmap(_T(".\\image\\mainFrame-centerMid.bmp"));

        //往ListCtrl 中添加好友

         for(int i=0; i<10; i++)
        {
             CString strTemp;
             strTemp.Format("我的好友%d",i);

             LUSERITEM userInfo;

             userInfo.szUserID = strTemp.GetBuffer(strTemp.GetLength());
             strTemp.ReleaseBuffer();
             userInfo.szNoticeMsg = _T("天不怕!地不怕!");
             m_MyFriendListCtrl.InsertItem(i,strTemp, i,&userInfo);//第三个参数 Index of the ImageList
             m_MyFriendListCtrl.SetItemData(i,(i%2)? i|0x00000020:i);
         }

         m_MyFriendListCtrl.ShowWindow(SW_SHOW);
}

2.让CMyListCtrl 显示灰色图片头像(非在线用户)

显示灰色图片的方法可用图像处理软件处理成单色位图文件后使用,也可用软件代码实现转换,前者的方法处理位图文件个数不多是还行,否则就显得麻烦了,其优点运行速度快。用软件代码转换的方法也是可行的,象LoadImage ()或CopyImage()API都可实现,但要占用很多CUP时间。对比两种方法,我选择后者,原因不用说我想大家也清楚。

实现彩色图片到单色位图转换的方法是先获取CMyListCtrl的ImageList 并提取ListCtrl中的Item 对应的图像后,用代码转换成单色位图并在原位置显示。转换过程如下:

CImageList* pImageList=NULL;
pImageList = GetImageList(LVSIL_SMALL);
if(pImageList !=NULL)
{
 HICON hIcon=NULL;                   
 hIcon = pImageList->ExtractIcon(nItem);
 HBITMAP  hbitmap,hBitmapMask;  
 ICONINFO* iconinfo = new ICONINFO;                    
 if(::GetIconInfo(hIcon, iconinfo))
 {
  hbitmap   =   iconinfo->hbmColor;                     
  hBitmapMask = iconinfo->hbmMask;
  if (!(nStyle & TVS_ONLINEUSER))
   //hbitmap = BitmapColorToGray(m_hDll,&memDC,hbitmap);                         
   hbitmap = (HBITMAP) CopyImage(hbitmap, IMAGE_BITMAP,0, 0,LR_COPYDELETEORG|LR_MONOCHROME);
  DrawBitmap(m_hDll, &memDC,hbitmap,rcIcon);
  DeleteObject(hbitmap);
  DeleteObject(hBitmapMask);
 }
 delete iconinfo;
 ::DestroyIcon(hIcon);
}
实现彩色图片到单色位图转换的语句为:
hbitmap = (HBITMAP) CopyImage(hbitmap, IMAGE_BITMAP,0, 0,LR_COPYDELETEORG|LR_MONOCHROME);
我也写了一个实现彩色图片到单色位图转换算法,其代码如下:
//这是本人写的一个转换算法。效果好,但运行时间稍长
HBITMAP BitmapColorToGray(CDC* pDC,HBITMAP hBitmap)
{
      BITMAP bmpInfo;

      ::GetObject(hBitmap,sizeof(BITMAP),&bmpInfo);

      if(pDC)
      {
            CDC memDC;

            if( !memDC.CreateCompatibleDC(pDC) )
            {
                  return NULL;
            }

            HBITMAP oldBitmap = (HBITMAP)memDC.SelectObject(hBitmap);

            DWORD   r,g,b;   

            for (int H =0; H <= bmpInfo.bmHeight; H++)   
            {
                  for(int W = 0; W <= bmpInfo.bmWidth; W ++)   
                  {   
                        r = GetRValue(memDC.GetPixel(W,H));   
                        g = GetGValue(memDC.GetPixel(W,H));   
                        b = GetBValue(memDC.GetPixel(W,H));   
                        r = (r * 3 + g * 6 +  g) / 10;   
                        g   =   r;   
                        b   =   g;   
                        memDC.SetPixel(CPoint(W,H),RGB(r,g,b));
                  }
            }

            hBitmap = (HBITMAP)memDC.SelectObject(oldBitmap);

            memDC.DeleteDC();
      }

    return hBitmap;           
}

3.MyListCtrl 要包含丰富的用户信息(如 ID,NAME 、IP Address 、视频可用 ,手机短消息等用户信息)

QQ 的ListCtrl 包含了很多信息,如在线用户和不在线用户的头象不同,有视频设备的用户还会显示标志,开通了手机短消息功能的也会显示标志,等等。这是如何实现的?找MSDN分析CListCtrl 发现,有两个函数SetItemData(int nItem,DWORD dwData),和

DWORD GetItemData(int nItem),非常有用,这个32位 data 做几个标志还是不错的,但还是无法表达更多的东东。如果把这32位 data作为外部结构的地址是否可行呢?经实验是可行的,但在要外部处理,封装性能不好! 于是定义了一个用户信息的结构。

struct LUSERITEM
{
     CString         szUserID;
     CString         szUserName;
     CString         szIPAddress;
     CString         szServerAddress;
     CString         szNoticeMsg;
     BOOL            bOnline;
     int             nHeadImageIndex;

     //根据需要可增加信息
};
再定义一个链表,用来管理用户信息的结构,如查找,增加,删除等操作。

在头文件中添加
#include 
typedef std::deque DEQUELVITEM;

二、打开Visual Studio C++ (6.0),新建工程。(本文的目的是实现自绘 ListCtrl 的,实现过程下面会详细介绍)

a. 首先,生成一个新类名为CMyListCtrl. 其基类为CListCtrl. 这部分工作用ClassWizard很容易完成。

b. 添加相关消息及处理函数,OnPaint() ;OnMouseMove();OnHScroll();OnVScroll等,这部工作用ClassWizard同样很容易完成。编译通过后,接着往下看。

c. 在.h文件顶部定义用户信息结构struct LUSERITEM

d. 在.h文件顶部定义一些常量标志

#define       TVS_VIDEO             0x00000001 //有视频设备标志
#define       TVS_MOBILEMSG         0x00000002 //可用手机SMS标志
#define       TVS_NETDISK           0x00000004 
#define       TVS_LEADER            0x00000008
#define       TVS_VICELEADER        0x00000010
#define       TVS_ONLINEUSER        0x00000020
e.添加成员变量 及并在构造函数中初始化
CFont* m_pFont;         //用于创建选择字体
BOOL m_bOverImage;      
BOOL m_bOverVedio;      
BOOL m_bOverMobile;
DEQUELVITEM m_DequeList; //用户信息链表
HICON m_hTailIconA;               //vido flag
HICON m_hTailIconB;          //mobil message flag
HICON m_hTailIconC;           
HBITMAP m_hBackBitmap;     //背景

f.添加部分成员函数

重载InsertItem函数,用于增加Item同时增加用户信息。

InsertItem(int nItem, LPCTSTR szItemText, int nImageIndex, LUSERITEM* UserInfo)
{
 DEQUELVITEM* pDeqListItem = &m_DequeList;
 if(UserInfo)
  pDeqListItem ->push_back(*UserInfo);
 nItem = CListCtrl::InsertItem(nItem,szItemText,nImageIndex);
 return nItem;
}
添加设置显示图标函数,A指定视频标志图标,B指定为短消息标志图标,C未定义
void CMyListCtrl::SetTailIcon(LPCTSTR strIconFileA,LPCTSTR strIconFileB,LPCTSTR strIconFileC)
{
   HICON hIcon=NULL;
   hIcon = (HICON)::LoadImage(NULL, strIconFileA, IMAGE_ICON, 0, 0, LR_DEFAULTSIZE|LR_LOADFROMFILE);
   if(hIcon)
   {
         if(m_hTailIconA)
               DeleteObject(m_hTailIconA);
         m_hTailIconA = hIcon;
    }

   hIcon = (HICON)::LoadImage(NULL, strIconFileB, IMAGE_ICON, 0, 0, LR_DEFAULTSIZE|LR_LOADFROMFILE);

   if(hIcon)
   {
         if(m_hTailIconB)
               DeleteObject(m_hTailIconB);

         m_hTailIconB = hIcon;
    }

   hIcon = (HICON)::LoadImage(NULL, strIconFileC, IMAGE_ICON, 0, 0, LR_DEFAULTSIZE|LR_LOADFROMFILE);

   if(hIcon)
   {
         if(m_hTailIconC)
               DeleteObject(m_hTailIconC);

         m_hTailIconC = hIcon;
   }
}
添加设背景位图函数SetBackBitmap
void CMyListCtrl::SetBackBitmap(LPCTSTR lpszResourceName)
{
   HBITMAP hBmp = (HBITMAP)::LoadImageFile(lpszResourceName);
   if(hBmp)
         m_hBackBitmap = hBmp;
}
添加删除用户信息函数
BOOL DeleteUserInfo(CString szText)
{
   BOOL bRet = FALSE;

   LUSERITEM itemInfo;
   DEQUELVITEM* pDeqItem = &m_DequeList;

   int nItemCount = -1;

   DEQUELVITEM::iterator it,itbegin = pDeqItem->begin(),itend = pDeqItem->end();
   for ( it = itbegin; it != itend; it++ )
   {
         nItemCount++;
         if(( it->szUserID == szText)||(it->szUserName == szText))
         {
               if ( nItemCount == ( pDeqItem->size() - 1 ) )
               {
                     //如果是最后一个

                     pDeqItem->pop_back();
               }
               else if ( nItemCount == 0 )
                     //如果是第一个
                     pDeqItem->pop_front();
               else
                     pDeqItem->erase( pDeqItem->begin() + nItemCount );

               bRet = TRUE;
          }
   }

   return bRet;
}

三、自绘代码全部在OnPaint()中实现 ,为了节省篇幅这里省略,请参考源码。

四、结束语

为了让VC程序员编写聊天软件时能够更好地美化其软件界面,本人写了这样CMyListCtrl 并给出了其源码,希望对大家有所启发!CMyTreeCtrl的自绘的实现也是大同小异,有兴趣的可去试试!。有任何问题请和本人联系:song_0962@sina.com (QQ:34544052)

(全文完)

阅读(1809) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~