牵着老婆满街逛

严以律己,宽以待人. 三思而后行.
GMail/GTalk: yanglinbo#google.com;
MSN/Email: tx7do#yahoo.com.cn;
QQ: 3 0 3 3 9 6 9 2 0 .

ListCtrl插入GIF图片

转载自:http://blog.csdn.net/zhaoze87/article/details/6369593

      在很多软件的CListCtrl列表控件都能显示Gif动态图标,昨天我也刚好要实现这个功能,向同事请教后,他们发给我一个ImageEx显示GIF的例子。我拿这个例子来研究,发现上面的Demo只是在窗口中显示一个Gif表情,但是我要用的是在列表控件中显示,拖动滚动条的时候可以显示和隐藏GIF图标;同时这个类为每一个要显示GIF对象都创建了一个线程,如果我要显示几百张GIF表情的话,要创建几百个线程,这简直是不可接受的。

     于是我开始了解ImageEx显示Gif的原理,期望可以在这个基础上改进后能实现我的要求。ImageEx在创建对象是传递GIF资源ID或者是文件路径后,然后会调用初始化函数InitAnimation(HWND hWnd, CPoint pt);传递一个窗口句柄和显示位置。然后这个类读取GIF的文件信息,得到帧数和每一帧的时间。在线程里面定时更新当前帧数,同时将当前帧的图片绘制到之前传递的窗口的指定位置。代码如下:

  1: long hmWidth = GIFWIDTH;//GetWidth();
  2:   long hmHeight = GIFHEIGHT;//GetHeight();
  3: 
  4:   HDC hDC = GetDC(m_hWnd);
  5:   if (hDC)
  6:   {
  7:     HBITMAP hMemBmp = CreateCompatibleBitmap(hDC, hmWidth, hmHeight);
  8: 
  9:     HDC hMemDC = CreateCompatibleDC(hDC);
 10:     HBITMAP hOldBmp = (HBITMAP)SelectObject(hMemDC, hMemBmp);
 11: 
 12:     Rectangle(hMemDC, 0, 0, hmWidth, hmHeight);  
 13:     Graphics graphics(hMemDC);
 14:     graphics.DrawImage(this, 1, 1, hmWidth-2, hmHeight-2);
 15:     BitBlt(hDC, 0, 0, hmWidth, hmHeight, hMemDC, 0, 0, SRCCOPY);

     在我的需求里面由于滚动条的拖动,GIF的显示位置也会变化,同时我可能还会在GIF上面绘制一些其他的图标,如果以之前ImageEx的显示方式,肯定会覆盖掉我先绘制的图标。所以我思考过后采取了一种新方案,ImageEx内部只负责更新当前的帧数,然后定时刷新CListCtrl,CListCtrl在重绘的时候会取出GIF当前帧数的图片,将其以背景图片的方式绘制,然后在上面绘制其他图片。

   同时为了避免创建一个对象就开一个线程,我增加一个ImageManager类,这个类管理所有创建的ImageEx对象,同时只开启一个线程,在线程函数里面定时查询所有的ImageEx对象,如果某个ImageEx对象需要更新到下一帧,就调用SelectActiveFrame(&pageGuid, m_nFramePosition++); 切换到下一帧,这样就实现了GIF的逐帧显示效果。代码片段如下:

  1: //ImageManager遍历调用更新ImageEx帧数代码
  2: for (ImageMap::iterator iter = m_ImageList.begin(); iter != m_ImageList.end(); iter++)
  3:     {
  4:       if (iter->second != NULL)
  5:         iter->second->DrawFrameGIF();
  6:     }
  7: 
  8: //ImageEx更新当前帧数代码 DrawFrameGIF
  9:   GUID pageGuid = FrameDimensionTime; 
 10:   SelectActiveFrame(&pageGuid, m_nFramePosition++);
 11:   
 12:   if (m_nFramePosition >= m_nFrameCount) 
 13:     m_nFramePosition = 0; 

先插一个效果图:

由于实际要求, 对于多行插入同一个GIF,在ImageManager只创建了一个对象,所以显示的GIF的动画的动作会一样,这样会减小内存消耗。

先放上一个执行文件地址:http://download.csdn.net/detail/zhaoze87/3890938

附上代码下载地址:http://download.csdn.net/detail/zhaoze87/3891058(之前的疏忽,没有加上Gdi+的环境)

欢迎大家多多提意见!

posted on 2013-02-27 11:39 杨粼波 阅读(1325) 评论(0)  编辑 收藏 引用


只有注册用户登录后才能发表评论。
网站导航: 博客园   IT新闻   BlogJava   知识库   博问   管理