在網(wǎng)上關(guān)于窗口視覺效果,有2個問題被問得最多:
第一個是如何讓窗口邊框有陰影效果?
第二個是如何讓窗口控件有半透明效果?
對于第一個問題,我們的答案是用雙層窗口模擬或是用Layered Window。
在XP下可以直接在注冊窗口類時用CS_DROPSHADOW風(fēng)格,系統(tǒng)就會自動讓你的窗口附加上陰影效果,實際上系統(tǒng)也是通過雙層窗口來實現(xiàn)的;當(dāng)然我們也可以用自己的窗口來模擬陰影效果,只要讓陰影窗口永遠跟隨我們的目標窗口就可以了。
如果用Layered Window, 我們只要一個窗口,通過讓窗口支持Alpha通道,最后UpdateLayeredWindow, 即可實現(xiàn)陰影效果。
對于第二個問題,我們通常的答案是用雙層窗體或是DirectUI。
因為Windows繪畫是以DC為單位,而主窗口和內(nèi)部控件是居于不同的DC, 所以他們不能半透明融合在一起。
另外只有Pop up的窗口才能支持Layered Window,所以只有Pop up的窗口才能實現(xiàn)半透明效果,所以我們通常用雙層窗口來模擬控件的半透明,也就是說窗口上面的控件其實是通過一個Pop up窗口模擬出來的。所以用這種方式實現(xiàn)控件的半透明效果,性能比較差,也只能實現(xiàn)一些簡單的界面。
還有一種控件半透明的方式是用DirectUI,所有的窗口控件都通過在主窗口上繪畫模擬出來,實現(xiàn)半透明效果自然也很容易了。
所以既要實現(xiàn)窗口的陰影效果,又要讓內(nèi)部控件半透明,最終極的方式還是用WS_EX_LAYERED風(fēng)格的DirectUI窗口。
其實另外還有一種既不用DirectUI,也不用雙層窗口,也能實現(xiàn)控件半透明的方法。
該方法的關(guān)鍵是控件在Paint自己時,首先向主窗口詢問,獲取主窗口上控件所在區(qū)域的背景圖,然后控件先將此背景畫到自己的DC上,然后在再畫自己,這樣可以讓控件看起來像是直接畫在主窗口上一樣。
當(dāng)然該方法也只能針對一些簡單的UI,如果子窗口層次很多,或是控件個數(shù)很多,都會有性能影響。
核心代碼如下:
HBRUSH AtlGetBackgroundBrush(HWND hWnd, HWND hwndParent)
{
CWindow wnd = hWnd;
CWindow wndParent = hwndParent;
CClientDC dcParent = wndParent;
CRect rcParent;
wndParent.GetWindowRect(&rcParent);
CDC dcCompat1;
dcCompat1.CreateCompatibleDC(dcParent);
CBitmap bmpCompat1;
bmpCompat1.CreateCompatibleBitmap(dcParent, rcParent.Width(), rcParent.Height());
HBITMAP hOldBmp1 = dcCompat1.SelectBitmap(bmpCompat1);
wndParent.SendMessage(WM_PRINTCLIENT, (WPARAM) (HDC) dcCompat1, (LPARAM)(PRF_ERASEBKGND | PRF_CLIENT | PRF_NONCLIENT));
CRect rcWin;
wnd.GetWindowRect(&rcWin);
CDC dcCompat2;
dcCompat2.CreateCompatibleDC();
CBitmap bmpCompat2;
bmpCompat2.CreateCompatibleBitmap(dcCompat1, rcWin.Width(), rcWin.Height());
HBITMAP hOldBmp2 = dcCompat2.SelectBitmap(bmpCompat2);
CRect rcSnap = rcWin;
::MapWindowPoints(NULL, wndParent, (LPPOINT) (LPRECT) &rcSnap, 2);
dcCompat2.BitBlt(0, 0, rcWin.Width(), rcWin.Height(), dcCompat1, rcSnap.left, rcSnap.top, SRCCOPY);
HBRUSH hBrush = ::CreatePatternBrush(bmpCompat2);
dcCompat1.SelectBitmap(hOldBmp1);
dcCompat2.SelectBitmap(hOldBmp2);
return hBrush;
}
下面是一個簡單的Demo:

Demo源代碼:
TransparentControl Demo注:Demo上的文字因為是直接用GDI畫的,所以沒有支持Alpha通道
posted on 2012-08-23 00:38
Richard Wei 閱讀(7316)
評論(4) 編輯 收藏 引用 所屬分類:
windows desktop