|
因為自己很喜歡那些界面做得很漂亮的軟件或者使用各種美化界面的軟件，如avedesk，samurize等等。其中美化界面的一個重要的方面就是給窗口添加上陰影。雖然OS X已經(jīng)原生的支持窗口陰影，但是windows要到Longhorn才開始支持原生的窗口陰影?，F(xiàn)在如果想實現(xiàn)窗口陰影，一般都會借助第三方的軟件，例如windowFX或者YzShadow。其中YzShadow是一個免費軟件，我自己也在使用。但是這個軟件有個弱點，就是無法為Layered Window添加陰影。而我自己編寫的一個簡易便條程序Stickies（功能類似OneNote，但是功能簡單，小巧。）就是運用了Layered Window來作為軟件的界面，于是便自己嘗試添加窗口陰影。以下便是添加陰影的方法，寫下來與大家討論一下。
我的程序是在Visual Studio.NET 2003下編寫的MFC應(yīng)用程序。我為了實現(xiàn)窗口陰影創(chuàng)建了一個Shadow的類。首先我們看看各類之間的關(guān)系：
1. Class ShadowCastingWindow
該類是一個應(yīng)用程序的窗口，它會在桌面上投射下陰影。這個類是從CWnd繼承而來。
ShadowCastingWindow成員變量：
m_Alpha
保存該窗口的透明度值。
ShadowCastingWindow成員函數(shù)：
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 );
}
該函數(shù)用于創(chuàng)建應(yīng)用程序的窗口并創(chuàng)建陰影。請留意CreateEx中窗口屬性WS_EX_...和WS_...的取值，這使得該應(yīng)用程序的窗口是一個沒有標(biāo)題欄的Layered Windows。是否有標(biāo)題欄對于下文Shadow類中求遮擋窗口的大小會有所不同，這必須通過一個判斷邏輯或者根據(jù)程序的應(yīng)用不同編寫好代碼。對于Layered Windows會有兩種刷新模式，一種就是傳統(tǒng)的消息機制，就是操作系統(tǒng)自動地在適當(dāng)?shù)臅r候發(fā)送WM_PAINT的消息給應(yīng)用程序窗口，應(yīng)用程序窗口則相應(yīng)該消息，對窗口進行刷新；另一種方式則是在Windows2000以后才支持的UpdateLayeredWindow的機制，在這種機制下，應(yīng)用程序不再處理WM_PAINT消息，所有的刷新均由用戶在內(nèi)存中的一個繪圖上下文中繪制好圖像之后再通過UpdateLayeredWindow繪制到屏幕上，只要經(jīng)過一次繪制，窗口的圖像便會保存在一塊預(yù)訂好的內(nèi)存區(qū)域內(nèi)，如果窗口的圖像沒有改變那么操作系統(tǒng)便會自動地處理刷新。
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 );
}
這四個事件函數(shù)都是處理應(yīng)用程序窗口大小或者位置變化的。只需要在其中調(diào)用Shadow類中相應(yīng)的處理函數(shù)即可，Shadow便會自動地更改大小或者移動位置?？赡苡腥藭枮槭裁葱枰@式地調(diào)整Shadow的位置和大??？因為從下文可以看到Shadow其實也是一個Layered Window，沒有父窗口，所以操作系統(tǒng)不可以自動地保持兩者的相對位置。
void ShadowCastingWindow::SetOpacity( int alpha )
{
m_Alpha = alpha;
m_Shadow.SetAlpha( alpha );
SetLayeredWindowAttributes( 0, (BYTE)m_Alpha, LWA_ALPHA );
Invalidate();
}
處理應(yīng)用程序窗口透明度變化的函數(shù)，其中調(diào)用了陰影Shadow對于透明度變化的處理函數(shù)。并刷新應(yīng)用程序窗口。
2. Class Shadow
該類繼承與CWnd類。
Shadow成員變量：
CWnd * m_pShadowCastingWindow;
指向父窗口—需要投射陰影的窗口的指針。
int m_Alpha;
當(dāng)前陰影的透明度。
int m_DeltaTop;
int m_DeltaLeft;
int m_DeltaRight;
int m_DeltaButtom;
用于表示陰影的尺寸。計算方法如下：
Shadow成員函數(shù)：
BOOL Shadow::CreateShadow(CWnd * pShadowCastingWnd, int alpha )
{
//根據(jù)投射陰影的窗口的尺寸和各參數(shù)計算出陰影的尺寸。
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;
}
創(chuàng)建陰影，由于陰影必須是沒有標(biāo)題欄的，而且因為要繪制半透明的像素所以必須使用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 );
//-----------------------------------
//把要繪制的內(nèi)容繪制在dcMemory里。對于Shadow需要把投射陰影窗口所覆蓋的區(qū)
//域剪裁掉
//-----------------------------------
UpdateLayeredWindow( dcScreen, &ptWindowScreenPosition, &szWindow, &dcMemory, &ptSrc, 0, &blendPixelFunction, ULW_ALPHA);
GetDesktopWindow()->ReleaseDC(dcScreen);
dcMemory.DeleteDC();
}
根據(jù)不同程序需要加上適當(dāng)?shù)睦L制流程。比如可以通過畫一個長方形來表示陰影，這個效果自然就比較差；也可以利用一些在Photoshop中處理好的陰影圖片把它做適當(dāng)?shù)拇笮≌{(diào)整作為窗口的陰影這樣更容易做出陰影邊緣柔化的效果。這個CustomizedPaint只需要在窗口的內(nèi)容被改變的時候才需要重新調(diào)用，其他時候系統(tǒng)會自動管理已經(jīng)繪制的圖像，用它來刷新窗口，而不需要重新繪制。
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);
}
通過修改默認(rèn)的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();
}
提供該投射陰影的窗口的接口函數(shù)，當(dāng)投射陰影的窗口大小改變的時候便調(diào)用這個函數(shù)把新的窗口位置傳給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 );
}
提供該投射陰影的窗口的接口函數(shù)，當(dāng)投射陰影的窗口位置改變的時候便調(diào)用這個函數(shù)把新的窗口位置傳給Shadow，Shadow便會改變自己的位置。注意了，這里并不需要重繪窗口，因為窗口的內(nèi)容并沒有改變。
void Shadow::SetAlpha( int alpha )
{
m_Alpha = alpha;
CustomizedPaint();
}
提供該投射陰影的窗口的接口函數(shù)，當(dāng)投射陰影的窗口的透明度改變的時候便調(diào)用這個函數(shù)把新透明度傳給Shadow，Shadow便會改變自己的透明度，并重繪窗口。
下面給出一個我自己寫的程序的效果圖：
3. 結(jié)論：
上面就簡單地介紹了一個繪制窗口陰影的方法。這種方法基本上可以適用于各種類型的窗口，其中需要注意一下幾點：
1. 在于Shadow::CreateShadow中如何正確取得投射陰影窗口m_pShadowCastingWindow的大小然后計算出陰影窗口的大小。
2. Shadow::CustomizedPaint中如何更高效的繪制陰影，例如剪裁掉投射陰影窗口遮擋住的窗口內(nèi)容，避免繪制時出現(xiàn)閃爍。同時如何正確使用好UpdateLayeredWindow這個系統(tǒng)調(diào)用會是實現(xiàn)繪制陰影的關(guān)鍵。當(dāng)然在當(dāng)前的設(shè)計下，我們可以在CustomizePaint中繪制任何的東西，而不一定是陰影。? 大家可以在這里發(fā)揮想象力，讓窗口更加絢麗多彩。
其實這個程序只要讓他通過鉤子函數(shù)與特定的Win32API掛鉤，完全可以寫出一個可以給系統(tǒng)中所有窗口加上陰影效果的小軟件。大家不妨試試。如果做出來了，記得給我一份。
注：文章中的代碼都是示意性的，都是通過我自己寫的程序刪減后得到，未必能通過測試。旨在說明一些關(guān)鍵步驟需要注意的地方。如果問題歡迎email討論。
|