让你的软件界面更漂亮(六) -- 仿QQ主界面之ListCtrl

来源：互联网发布：全国看少年知,赛编辑：程序博客网时间：2024/04/29 17:16

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);
}

实现彩色图片到单色位图转换的语句为：

1.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;
 
//根据需要可增加信息
};

再定义一个链表，用来管理用户信息的结构，如查找，增加，删除等操作。

在头文件中添加

1.#include
2.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)

(全文完)

原文地址：http://www.vckbase.com/index.php/wv/1490.html

0 0