VC++界面編程之--陰影窗口的實現詳解

轉載:http://blog.csdn.net/rmxming/article/details/11661365

 

對於我們這些控件狂來說，窗口陰影也是一個必不可少的實現需求。雖說其沒多大用，但對於增加窗口立體感來說，那是挺有幫助的。

我實現了一個類似於360界面的陰影效果，其可以支持正常窗口，也支持半透明窗口。

陰影窗口對於正常窗口和半透明窗口，有區別么？且讓我慢慢寫來:)

陰影窗口的實現原理，簡單來講：就是在主窗口創建時，創建一個子窗口，吸附於主窗口的底部。然后在子窗口上做一個帶半透明陰影效果的描繪。

以下代碼是陰影窗口在父窗口的創建代碼，是不是很簡單？

LRESULT OnInitDialog(UINT /*uMsg*/, WPARAM /*wParam*/, LPARAM /*lParam*/, BOOL& /*bHandled*/)
{
    m_Shadow.Create(m_hWnd);
    m_Shadow.SetShadowSize(8);

    return TRUE;
}

下面是陰影窗口實現步驟：

1. 在陰影窗口創建時，只設定陰影窗口的樣式為WS_VISIBLE，我們這里不能用WS_CHILD，否則陰影窗口就跑到主窗口里面去了。

// Create shadow window.
HWND Create(const HWND wndParent)
{
    ATLASSERT( ::IsWindow(wndParent) );
    m_hParentWnd = wndParent;
    CRect rc(1, 1, 1, 1);
    return CWindowImpl<CThemedShadowWnd, CWindow, CControlWinTraits>::Create(0, rc, NULL, WS_VISIBLE, NULL);
}

2. 在陰影窗口執行WM_CREATE消息時，修改其樣式為WS_EX_LAYERED | WS_EX_TRANSPARENT，注意這兩個樣式都要要。WS_EX_TRANSPARENT是讓窗口無法接收點擊消息，你總不想你的窗口陰影可以被用戶點擊且激活吧:)

SetWindowLong(GWL_EXSTYLE, GetWindowLong(GWL_EXSTYLE) | WS_EX_LAYERED | WS_EX_TRANSPARENT);
ModifyStyleEx(WS_EX_TOPMOST, WS_EX_NOACTIVATE);

3. 與此同時，陰影窗口注冊父窗口的消息處理回調函數，此舉是為了獲取父窗口的移動、重繪和隱藏等重要消息。因為陰影窗口要跟隨着父窗口的狀態改變而改變。

 

// Set parent window original processing.
m_OriParentProc = ::GetWindowLong(m_hParentWnd, GWL_WNDPROC);
::SetWindowLong(m_hParentWnd, GWL_WNDPROC, (LONG)ParentProc);

回調函數要做的事情很簡單，吸附於父窗口之下，像個小尾巴一樣：

 

// Get parent message.
static LRESULT CALLBACK ParentProc(HWND hwnd, UINT uMsg, WPARAM wParam, LPARAM lParam)
{
    // Find the shadow window pointer via parent window handle.
    ATLASSERT( m_szShadowWindows.find(hwnd) != m_szShadowWindows.end() );
    CThemedShadowWnd *pThis = m_szShadowWindows[hwnd];
    WNDPROC pDefProc        = (WNDPROC)pThis->m_OriParentProc;

    switch(uMsg)
    {
    case WM_ERASEBKGND:
    case WM_PAINT:
    case WM_MOVE:
    case WM_ACTIVATE:
    case WM_NCACTIVATE:
        {
            if (::IsWindowVisible(hwnd))
            {
                pThis->AdjustWindowPos();
            }
            break;
        }
    case WM_DESTROY:
        {
            // Destroy the shadow window.
            pThis->DestroyWindow();
            break;
        }
    case WM_NCDESTROY:
        {
            // Remove shadow window from map.
            m_szShadowWindows.erase(hwnd);
            break;
        }
    case WM_SHOWWINDOW:
        {
            // the window is being hidden
            if (!wParam)
            {
                pThis->ShowWindow(SW_HIDE);
            }
            else
            {
                pThis->ShowWindow(SW_SHOW);
            }
            break;
        }
    default:
        {
            break;
        }
    }

    return pDefProc(hwnd, uMsg, wParam, lParam);
}

好了，窗口消息機制處理完了，就要處理陰影畫法了，我這里用的是GDI+的畫法，如果有童鞋覺得效果不夠好，可以嘗試多改改參數配置，以達到理想效果：

 

// Create shadow brush.
PathGradientBrush brShadow(m_ShadowPath.m_pPath);
Color clrShadow[3] = {Color::Transparent, Color(255, 0, 0, 0), Color(255, 0, 0, 0)};
int nCount = 3;

REAL szPos[3] = {0.0F, 0.05F, 1.0F};
brShadow.SetInterpolationColors(clrShadow, szPos, nCount);

// Draw shadow.
rcShadow.Width  = rcShadow.Width - m_nShadowSize - m_nBlankArea;
rcShadow.Height = rcShadow.Height - m_nShadowSize - m_nBlankArea;
graphics.ExcludeClip(rcShadow);
graphics.FillPath(&brShadow, m_ShadowPath.m_pPath);

 

注意我這里排除了一部分的陰影部分，那是為透明窗口制作的，排除的效果圖如下，陰影窗口只顯示在矩形的右下角，而其他地方是透明的。

 

如果我不排除一部分陰影區域，那么透明的窗口效果將變得很難看，如下圖，透明背景被陰影遮蓋了，這顯然不符合美學的要求。

如果你的窗口的角是橢圓的，你可能還需要增寬陰影的顯示區域，那么可以用如下函數進行陰影的寬度增長：

 

// Set blank area right position.
void SetRightOffsetArea(const int nRightPos)
{
    m_nBlankArea = nRightPos;
    if (nRightPos < 0)
    {
        m_nBlankArea = 1;
    }
}

陰影窗口免費實例代碼下載：http://download.csdn.net/detail/renstarone/6267677