此片文章是以前寫的, 剛剛新開了博客, 就發出來跟大家分享下。
這篇文章主要講得是vc中各種分層、透明、不規則窗口的實現, 基本囊括GDI、GDI+能使用的所有方法。
本文講述了三種方法,其中第一種方法有兩種不同效果,第三種方法有兩種不同的實現方式。文中有方法使用了GDi+,關於GDI+的使
用請自行查詢資料,本文不進行細述。
方法一:窗體整體透明,支持子控件透明,支持OnPaint重繪。
這個方法比較簡單,使用win32 Api 中SetLayeredWindowAttributes
函數即可,關於該函數可查詢MSDN,用這種方法有兩種效果:
效果1:窗體整體透明,子控件也透明,可以實現半透明效果
//第一步要修改窗體屬性,WS_EX_LAYERED支持透明
LONG lWindowStyle = ::GetWindowLong(hwnd, GWL_EXSTYLE) |
WS_EX_LAYERED;
//設置Alpha不透明度
BYTE byteAlpha = 150;
//注意最后一個參數為LWA_ALPHA,第二個參數顏色掩碼(透明
//色無用)
SetLayeredWindowAttributes(m_hwnd, 0/*any*/, byteAlpha,
----------------------- Page 2-----------------------
LWA_ALPHA )
效果2:窗體整體透明,子控件不透明,實現不規則窗體,區域透明。
首先需要一張背景位圖,需要透明的地方用單一顏色填充,然后將其
貼在背景上,代碼如下
第一步跟效果一中一樣需修改窗體屬性
::SetWindowLong(hwnd, GWL_EXSTYLE, lWindowStyle);
//將紅色設為透明色, 注意透明區域鼠標並不能穿透RGB(255, 0, 0)
//為透明色
//注意最后一個參數為LWA_COLORKEY,第三個參數透明度無用
::SetLayeredWindowAttributes(hwnd, RGB(255, 0, 0), 111/*any*/,
LWA_COLORKEY);
需要注意的是效果1和效果2可以結合起來使用,最后一個參數改成
LWA_COLORKEY | LWA_ALPHA即可。使用
SetLayeredWindowAttributes函數實現不規則形狀簡單易行,但是通常
會有鋸齒很難處理。
方法二:根據位圖進行區域裁剪 ,關鍵函數CombineRgn和SetWindowRgn。
該方法跟方法一一樣,需要將背景位圖需要透明的
地方填充為單一顏色,該方法的原理是遍歷位圖中的每個像素,將需
要透明的像素過濾,將其他不需要透明的像素所在區域用
CombineRgn函數連接起來形成一個區域,然后用SetWindowRgn將貼
好背景圖的窗體放進這個區域。此方法好處是可以實現鏤空,即鼠標
穿透透明區域。缺點是遍歷每個像素對於大的位圖算法時間復雜度高,
效率很低。代碼如下:
void CMeterHeadDlg::SetupRegion(CDC & pDC, HBITMAP cBitmap, COLORREF TransColor) { CDC memDC; HBITMAP pOldMemBmp=NULL; BITMAP bit; CRect rect; GetWindowRect(rect); CRgn wndRgn; //創建於傳入dc兼容的臨時dc memDC.CreateCompatibleDC(pDC); //取得位圖參數,要用其長和寬¨ª ::GetObjectA(m_hBkBitmap, sizeof(bit), &bit); //將位圖選入臨時dc pOldMemBmp= memDC.SelectBitmap(m_hBkBitmap); //創建總的窗體區域 wndRgn.CreateRectRgn(0,0,rect.Width(),rect.Height()); for(int y=0;y<rect.Height()+1;y++) { CRgn rgnTemp; //保存臨時區域 int iX = 0; do { //等於透明色跳過找到下一個非透明色 if (memDC.GetPixel(iX, y) == TransColor) { rgnTemp.CreateRectRgn(iX,y,iX+1,y+1); //合並region,注意ComebineRgn最后一個參數為“異或” wndRgn.CombineRgn(wndRgn, rgnTemp, RGN_XOR); //刪除臨時region rgnTemp.DeleteObject(); } iX++; }while(iX <rect.Width()+1); iX = 0; } if(pOldMemBmp) memDC.SelectBitmap(pOldMemBmp); SetWindowRgn(wndRgn,TRUE); SetForegroundWindow(m_hWnd); DeleteDC(memDC); }
方法三:使用透明png貼圖,並實現透明區域的透明。
此方法的優點是可以實現不規則形狀貼圖,鼠標能穿透透明區,並且邊緣無鋸齒。
該方法根據實現方式可分為兩種方法
1、使用CImage(ATL和MFC中都有該類,直接用win32 api沒有CImage,會麻煩點可能要用CreateFIle函數加載)繪制。
為什么我們正常的的使用CImage加載png透明區總是有白色背景呢?查了很多資料才
發現這其實是微軟GDI+的設計問題,PNG 圖片是ARGB,使用GDI+
載入圖片的時候,GDI+會默認已經進行了預剩運算(PARGB),即
每象素的實際值是已經和ALPHA值按比例相乘的結果,實際上它根
本就沒有做預乘, 在使用透明圖片的象素ALPHA通道的時候,
CImage 內部正是調用的AlphaBlend,沒有預乘的圖當作預乘的圖片
處理的結果就是這相當於一張和純白背景進行了預剩, 所以圖象總
是出現白色背景。所以我們只需要對症下葯,載入圖片前與處理下即
可:
if (Image.GetBPP() == 32) //確認32位包含alpha通道 for (i = 0; i < Image.GetWidth(); i++) { for (j = 0; j < Image.GetHeight(); j++) { byte *pByte =(byte*)Image.GetPixelAddress(i, j); pByte[0] = pByte[0] * pByte[3] / 255; pByte[1] = pByte[1] * pByte[3] / 255; pByte[2] = pByte[2] * pByte[3] / 255; } } }
最后調用CImage中Draw方法就可。
2、使用GDI+貼圖,利用UpdateLayeredWindow
函數實現png透明區域透明。該函數請查詢MSDN。這種方法不支持子
控件透明, 不支持OnPaint重繪代碼如下:
首先在OnInitDialog中修改窗體屬性
ModifyStyleEx(0, WS_EX_LAYERED | WS_OVERLAPPED);
下面為貼圖函數,注意由於不支持OnPaint,所以需重繪是手動調用
貼圖函數,貼圖中使用到GDI+
//在OnInitDialog中初始化m_pBkImage ,m_pBkImage為
//Gdiplus::Image指針,Image::FromFile是從外面文件夾中導入png文
//件,若果是從本地資源文件中導入,需使用其他方法。
m_pBkImage = Image::FromFile(g_strResPath+_T("main_.png"));
下面為貼圖函數
// 初始化時該函數放在OnInitDialog中調用,后面需要刷新時,手動 //調用,該方法貼的背景圖不能響應WM_PAINT消息,也不能夠在 //OnPaint函數中調用該繪圖方法。 void CMainPanel::DrawAlphaPng() { CRect rcClient; GetClientRect(&rcClient); CClientDC dc(m_hWnd); CDC memDc; memDc.CreateCompatibleDC(dc.m_hDC); CBitmap bmp; bmp.CreateCompatibleBitmap(dc.m_hDC, rcClient.Width(), rcClient.Height()); memDc.SelectBitmap(bmp); //用GDI+顯示圖片 Graphics graph(memDc.m_hDC); graph.DrawImage(m_pBkImage, 0,0 ,rcClient.Width(), rcClient.Height()); BLENDFUNCTION _Blend; _Blend.BlendOp = 0; _Blend.BlendFlags = 0; _Blend.AlphaFormat = 1; _Blend.SourceConstantAlpha = 255; SIZE sz = {rcClient.Width(), rcClient.Height()}; //::UpdateLayeredWindow(m_hWnd, hDC, &ptWinPos,&sizeWindow, //hdcMemory, &ptSrc, 0, &stBlend, ULW_ALPHA); UpdateLayeredWindow(m_hWnd, dc, &CPoint(0, 0), &sz, memDc, &CPoint(0, 0), 0, &_Blend, ULW_ALPHA); bmp.DeleteObject(); graph.ReleaseHDC(memDc.m_hDC); ReleaseDC(dc.m_hDC); }
需要注意的是使用方法三中第二種方法雖然不會出現鋸齒,但是
會導致界面上的子空間全部透明,這樣我們在界面上添加的控件都沒
用。我試過在界面上用Create方法創建及對控件重繪,但是沒用。解
決這個問題的方法是結合方法一中的效果二。需要兩個窗口A (背景
窗口),B(用於放置控件)。用方法三第二種方式實現窗口A,使用
方法一種第二種效果創建B,MFC中可以在OnCtlColor函數中將背景
顏色設為單一顏色,ATL中則沒有OnCtlColor,最簡單的做法是在
OnEraseBKGND消息函數中返回TRUE(背景會變成白色),然后將背
景顏色設為透明色(這時B窗體會全透明,但是其上控件不會透明),
將A上所需要的控件放在B上相應位置,B窗口覆蓋在A上面與其重合
(由於B透明所以B上控件看着像放在A上)。在移動B窗口時同時移
動A窗口。這樣就能達到我們想要的效果。
除了這三種方法之外,使用GDI中TransparentBlt函數也可以實現
透明,該函數可以將一張有背景的貼圖消除背景貼在窗體上。關於該
函數使用就不再介紹了,可以查詢MSDN
以上所述三種方法本人都嘗試過,都是可行的。如有疑問請向我
咨詢。
