Layered Window 透明窗體的實現總結


此片文章是以前寫的, 剛剛新開了博客, 就發出來跟大家分享下。

這篇文章主要講得是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

以上所述三種方法本人都嘗試過,都是可行的。如有疑問請向我

咨詢。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM