因為自己很喜歡那些界面做得很漂亮的軟件或者使用各種美化界面的軟件,如avedesk,samurize等等。其中美化界面的一個重要的方面就是給窗口添加上陰影。雖然OS X已經原生的支持窗口陰影,但是windows要到Longhorn才開始支持原生的窗口陰影。現在如果想實現窗口陰影,一般都會借助第三方的軟件,例如windowFX或者YzShadow。其中YzShadow是一個免費軟件,我自己也在使用。但是這個軟件有個弱點,就是無法為Layered Window添加陰影。而我自己編寫的一個簡易便條程序Stickies(功能類似OneNote,但是功能簡單,小巧。)就是運用了Layered Window來作為軟件的界面,于是便自己嘗試添加窗口陰影。以下便是添加陰影的方法,寫下來與大家討論一下。
我的程序是在Visual Studio.NET 2003下編寫的MFC應用程序。我為了實現窗口陰影創建了一個Shadow的類。首先我們看看各類之間的關系:

1. Class ShadowCastingWindow 該類是一個應用程序的窗口,它會在桌面上投射下陰影。這個類是從CWnd繼承而來。 ShadowCastingWindow成員變量: m_Alpha 保存該窗口的透明度值。
ShadowCastingWindow成員函數: BOOL ShadowCastingWindow::CreateWindow( CString wndName, CWnd * pParentWnd ) { BOOL tmp = CWnd::CreateEx( WS_EX_TOOLWINDOW|WS_EX_LAYERED , … , WS_POPUP|WS_VISIBLE , … ); m_Shadow.CreateShadow( this, m_Alpha ); }
該函數用于創建應用程序的窗口并創建陰影。請留意CreateEx中窗口屬性WS_EX_...和WS_...的取值,這使得該應用程序的窗口是一個沒有標題欄的Layered Windows。是否有標題欄對于下文Shadow類中求遮擋窗口的大小會有所不同,這必須通過一個判斷邏輯或者根據程序的應用不同編寫好代碼。對于Layered Windows會有兩種刷新模式,一種就是傳統的消息機制,就是操作系統自動地在適當的時候發送WM_PAINT的消息給應用程序窗口,應用程序窗口則相應該消息,對窗口進行刷新;另一種方式則是在Windows2000以后才支持的UpdateLayeredWindow的機制,在這種機制下,應用程序不再處理WM_PAINT消息,所有的刷新均由用戶在內存中的一個繪圖上下文中繪制好圖像之后再通過UpdateLayeredWindow繪制到屏幕上,只要經過一次繪制,窗口的圖像便會保存在一塊預訂好的內存區域內,如果窗口的圖像沒有改變那么操作系統便會自動地處理刷新。
void ShadowCastingWindow::OnSizing(UINT fwSide, LPRECT pRect) { CWnd::OnSizing(fwSide, pRect); m_Shadow.OnShadowCastingWndNewSize(pRect->right - pRect->left, pRect->bottom - pRect->top); }
void ShadowCastingWindow::OnSize(UINT nType, int cx, int cy) { CWnd::OnSize(nType, cx, cy); m_Shadow.OnShadowCastingWndNewSize(cx,cy); }
void ShadowCastingWindow::OnMoving(UINT fwSide, LPRECT pRect) { CWnd::OnMoving(fwSide, pRect); m_Shadow.OnShadowCastingWndNewPos(pRect->left, pRect->top ); }
void ShadowCastingWindow::OnMove(int x, int y) { CWnd::OnMove(x, y); m_Shadow.OnShadowCastingWndNewPos(x, y ); }
這四個事件函數都是處理應用程序窗口大小或者位置變化的。只需要在其中調用Shadow類中相應的處理函數即可,Shadow便會自動地更改大小或者移動位置。可能有人會問為什么需要顯式地調整Shadow的位置和大小?因為從下文可以看到Shadow其實也是一個Layered Window,沒有父窗口,所以操作系統不可以自動地保持兩者的相對位置。
void ShadowCastingWindow::SetOpacity( int alpha ) { m_Alpha = alpha; m_Shadow.SetAlpha( alpha ); SetLayeredWindowAttributes( 0, (BYTE)m_Alpha, LWA_ALPHA ); Invalidate(); }
處理應用程序窗口透明度變化的函數,其中調用了陰影Shadow對于透明度變化的處理函數。并刷新應用程序窗口。
2. Class Shadow 該類繼承與CWnd類。 Shadow成員變量: CWnd * m_pShadowCastingWindow; 指向父窗口—需要投射陰影的窗口的指針。 int m_Alpha; 當前陰影的透明度。 int m_DeltaTop; int m_DeltaLeft; int m_DeltaRight; int m_DeltaButtom; 用于表示陰影的尺寸。計算方法如下:

Shadow成員函數: BOOL Shadow::CreateShadow(CWnd * pShadowCastingWnd, int alpha ) { //根據投射陰影的窗口的尺寸和各參數計算出陰影的尺寸。 CRect rect; pShadowCastingWnd->GetWindowRect(&rect); rect.top += m_DeltaTop; rect.left -= m_DeltaLeft; rect.right += m_DeltaRight; rect.bottom += m_DeltaButtom; m_Alpha = alpha; BOOL tmp = CWnd::CreateEx( WS_EX_TOOLWINDOW|WS_EX_LAYERED ,… , WS_POPUP|WS_VISIBLE , rect , …);
m_IsCreated = true; CustomizedPaint(); return tmp; }
創建陰影,由于陰影必須是沒有標題欄的,而且因為要繪制半透明的像素所以必須使用Layered Window。
void Shadow::CustomizedPaint(void) { if ( !m_IsCreated ) return;
BLENDFUNCTION blendPixelFunction= {AC_SRC_OVER, 0, m_Alpha, AC_SRC_ALPHA}; POINT ptWindowScreenPosition = {rect.left, rect.top}; POINT ptSrc = {0, 0}; SIZE szWindow = {rect.Width(), rect.Height()};
CDC * dcScreen = GetDesktopWindow()->GetDC(); CDC dcMemory; dcMemory.CreateCompatibleDC( dcScreen );
//----------------------------------- //把要繪制的內容繪制在dcMemory里。對于Shadow需要把投射陰影窗口所覆蓋的區 //域剪裁掉 //-----------------------------------
UpdateLayeredWindow( dcScreen, &ptWindowScreenPosition, &szWindow, &dcMemory, &ptSrc, 0, &blendPixelFunction, ULW_ALPHA);
GetDesktopWindow()->ReleaseDC(dcScreen); dcMemory.DeleteDC(); } 根據不同程序需要加上適當的繪制流程。比如可以通過畫一個長方形來表示陰影,這個效果自然就比較差;也可以利用一些在Photoshop中處理好的陰影圖片把它做適當的大小調整作為窗口的陰影這樣更容易做出陰影邊緣柔化的效果。這個CustomizedPaint只需要在窗口的內容被改變的時候才需要重新調用,其他時候系統會自動管理已經繪制的圖像,用它來刷新窗口,而不需要重新繪制。
BOOL Shadow::PreCreateWindow(CREATESTRUCT& cs) { cs.style &= ~WS_BORDER; cs.lpszClass = AfxRegisterWndClass(CS_HREDRAW|CS_VREDRAW|CS_DBLCLKS, ::LoadCursor( NULL, IDC_CURSOR ), NULL, NULL); return CWnd::PreCreateWindow(cs); } 通過修改默認的cs.lpszClass使得窗口不再自動重畫背景。
void Shadow::OnShadowCastingWndNewSize( int x, int y ) { if ( !m_IsCreated ) return; SetWindowPos( m_pShadowCastingWindow,0,0,x+m_DeltaLeft+m_DeltaRight,y-m_DeltaTop+m_DeltaButtom, SWP_NOMOVE ); CustomizedPaint(); }
提供該投射陰影的窗口的接口函數,當投射陰影的窗口大小改變的時候便調用這個函數把新的窗口位置傳給Shadow,Shadow便會改變自己的大小,并重繪窗口。
void Shadow::OnShadowCastingWndNewPos( int x, int y ) { if ( !m_IsCreated ) return; SetWindowPos( m_pShadowCastingWindow, x-m_DeltaLeft, y+m_DeltaTop, 0, 0, SWP_NOSIZE ); }
提供該投射陰影的窗口的接口函數,當投射陰影的窗口位置改變的時候便調用這個函數把新的窗口位置傳給Shadow,Shadow便會改變自己的位置。注意了,這里并不需要重繪窗口,因為窗口的內容并沒有改變。
void Shadow::SetAlpha( int alpha ) { m_Alpha = alpha; CustomizedPaint(); }
提供該投射陰影的窗口的接口函數,當投射陰影的窗口的透明度改變的時候便調用這個函數把新透明度傳給Shadow,Shadow便會改變自己的透明度,并重繪窗口。
下面給出一個我自己寫的程序的效果圖:

3. 結論:
上面就簡單地介紹了一個繪制窗口陰影的方法。這種方法基本上可以適用于各種類型的窗口,其中需要注意一下幾點:
1. 在于Shadow::CreateShadow中如何正確取得投射陰影窗口m_pShadowCastingWindow的大小然后計算出陰影窗口的大小。
2. Shadow::CustomizedPaint中如何更高效的繪制陰影,例如剪裁掉投射陰影窗口遮擋住的窗口內容,避免繪制時出現閃爍。同時如何正確使用好UpdateLayeredWindow這個系統調用會是實現繪制陰影的關鍵。當然在當前的設計下,我們可以在CustomizePaint中繪制任何的東西,而不一定是陰影。? 大家可以在這里發揮想象力,讓窗口更加絢麗多彩。
其實這個程序只要讓他通過鉤子函數與特定的Win32API掛鉤,完全可以寫出一個可以給系統中所有窗口加上陰影效果的小軟件。大家不妨試試。如果做出來了,記得給我一份。
注:文章中的代碼都是示意性的,都是通過我自己寫的程序刪減后得到,未必能通過測試。旨在說明一些關鍵步驟需要注意的地方。如果問題歡迎email討論。
|