使用WTL实现不规则窗口

不规则窗口又叫“异形”窗口，现在游戏的启动器界面都是这个，像完美的《诛仙》和《口袋西游》、金山的《剑侠》等，很有个性，非常漂亮。本文介绍如何用WTL来实现“异形窗口”。

 

1. 用Wizard创建一Dialog项目，设置窗口的“Border”属性为None（即无标题栏）；

2. 加载位图：

BOOL CMainDlg :: LoadBitmap (UINT nIDResource) // nIDResource:位图的资源ID
{
  // 加载位图
 m_bmBitmap = new CBitmap;
 if (!m_bmBitmap->LoadBitmap (nIDResource))
  return FALSE;

 BITMAP bm;
 m_bmBitmap->GetBitmap (&bm);
 int w = bm.bmWidth;
 int h = bm.bmHeight;

 
 m_bBitmapCreated = TRUE;
 m_bBitmapExists = TRUE;

 return TRUE;
}

 

3. 设置绘制区域：

void CMainDlg::MakeWindowRgn ()
{
   // window rect - client rect
  CRect rcWnd;
  GetWindowRect (rcWnd);

  CRgn rgn;
  rgn.CreateRectRgn (rcWnd.left, rcWnd.top, rcWnd.right, rcWnd.bottom);

  CRect rcClient;
  GetClientRect (rcClient);
  ClientToScreen (rcClient);

  CRgn rgnClient;
  rgnClient.CreateRectRgn (rcClient.left, rcClient.top, rcClient.right,
   rcClient.bottom);

  
  rgn.CombineRgn (HRGN(rgn), HRGN(rgnClient), RGN_XOR);

  // 得到位图DC
  CDC dcImage;
  dcImage.CreateCompatibleDC (NULL);

  HBITMAP hOldBmp = dcImage.SelectBitmap(*m_bmBitmap);

  // 得到位图的宽度和高度  

  BITMAP bm;
  m_bmBitmap->GetBitmap (&bm);

  // 得到窗口的宽度和高度
  CRect rc;
  GetClientRect (rc);

  // 得到最小的宽度和高度
  int width = min (bm.bmWidth, rc.Width());
  int height = min (bm.bmHeight, rc.Height());

  // RLE(run-length)算法：row_start 是找到的第一个不透明像素，一旦找到透明像素，则就会创建一直线区域。然后row_start 就变为下一个不透明像素
  int row_start;

  // 遍历所有行
  for (int y=0; y<height; y++)
  {
   // 从头开始   

   row_start = 0;

   int x;
   // 遍历所有列
   for (x=0; x<width; x++)
   {
    // 若该像素是透明的
    if (dcImage.GetPixel(x, y) == m_colTrans) //m_colTrans：透明色（即位图中这个颜色的部分是透明的）
    {
     // 如果还没找到不透明的像素，则继续搜

     if (row_start == x) row_start ++;
     else
     {

      // 已经找到一不透明线段的开始（row_start）和结尾（x），将它加到要绘制的区域里
      CRgn rgnAdd;
      rgnAdd.CreateRectRgn (row_start, y, x, y+1);
      rgn.CombineRgn (HRGN(rgn), HRGN(rgnAdd), RGN_OR);
      row_start = x+1;
     }
    }
   }

   // 若最后一个像素仍是不透明的，则再建立一个区域
   if (row_start != x)
   {
    CRgn rgnAdd;
    rgnAdd.CreateRectRgn (row_start, y, x, y+1);
    rgn.CombineRgn (HRGN(rgn), HRGN(rgnAdd), RGN_OR);
   }
  }

  SetWindowRgn (rgn, TRUE);
}

 

3. 处理背景擦除
MESSAGE_HANDLER(WM_ERASEBKGND, OnEraseBkgnd)

 

LRESULT CMainDlg::OnEraseBkgnd (UINT uMsg, WPARAM wParam, LPARAM lParam, BOOL& bHandled)
{
 HDC  hDC = (HDC) wParam;

 // 得到窗口的客户区域 

 CRect rc;
 GetClientRect (rc);

 // 得到位图DC
 CDC dcImage;
 dcImage.CreateCompatibleDC (hDC);
 HBITMAP hOldBmp = dcImage.SelectBitmap(*m_bmBitmap);

 // 得到位图宽和高
 BITMAP bm;
 m_bmBitmap->GetBitmap (&bm);

 // 使用最小宽和高

 int width = min (bm.bmWidth, rc.Width());
 int height = min (bm.bmHeight, rc.Height());

 // 绘制位图为窗口背景
 BitBlt (hDC, 0, 0, rc.Width(), rc.Height(), dcImage, 0, 0, SRCCOPY);

 dcImage.SelectBitmap (hOldBmp);
 dcImage.DeleteDC ();

 return TRUE;
}

 

4. 处理左键按下（用于拖动窗口）
 MESSAGE_HANDLER(WM_LBUTTONDOWN, OnLButtonDown)

 

 LRESULT CMainDlg::OnLButtonDown(UINT uMsg, WPARAM wParam, LPARAM lParam, BOOL& bHandled)
{
  CPoint pt(lParam);

 // 欺骗窗口，让它以为鼠标点击的是标题栏
  PostMessage (WM_NCLBUTTONDOWN, HTCAPTION, MAKELPARAM(pt.x,pt.y));

 return 0;
}

效果如下图所示：

 

 

 

注：由于我随便选的一张图片，其周围背景不是纯粹的全部黑色，所以边缘会有毛刺，用Photoshop扣一下边就能解决这个问题了。