不规则窗口又叫“异形”窗口,现在游戏的启动器界面都是这个,像完美的《诛仙》和《口袋西游》、金山的《剑侠》等,很有个性,非常漂亮。本文介绍如何用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扣一下边就能解决这个问题了。