Chinaunix首页 | 论坛 | 博客
  • 博客访问: 2086852
  • 博文数量: 909
  • 博客积分: 4000
  • 博客等级: 上校
  • 技术积分: 12260
  • 用 户 组: 普通用户
  • 注册时间: 2008-05-06 20:50
文章分类

全部博文(909)

文章存档

2008年(909)

我的朋友

分类:

2008-05-06 22:47:25

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

作者:朱一松

下载源代码

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)

(全文完)

下载本文示例代码


让你的软件界面更漂亮(六)让你的软件界面更漂亮(六)让你的软件界面更漂亮(六)让你的软件界面更漂亮(六)让你的软件界面更漂亮(六)让你的软件界面更漂亮(六)让你的软件界面更漂亮(六)让你的软件界面更漂亮(六)让你的软件界面更漂亮(六)让你的软件界面更漂亮(六)让你的软件界面更漂亮(六)让你的软件界面更漂亮(六)
阅读(832) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~