【Demo 0047】阴影效果的窗体

本节我们继续学习UpdateLayeredWindow这个API， 通过它我们来实现一个阴影效果的窗体(像Window7窗体效果).

思路:  1.  创建二个层窗体， 一个作为控件窗件，另一个做阴影效果窗体;

         2.  在第一个窗体实现各种控件创建以及相关逻辑处理，此窗体设为全透明;

         3.  将第二个窗体重叠并保持重叠第一个窗体(即大小，位置，移动或改变大小都保持一致)，此窗体选入一张边沿带有阴影效果通道图(BMP, PNG)通过UpdateLayeredWindow函数年

             来实现效果;

         4.  截取第一个窗体中控件的图并与第二个窗体叠加，因为UpdateLayeredWindow之后的窗体有穿透能力这样更好触及到被完成透明的第一个窗体上;

声明: 此方法源于Codeproject上一个中国程序员的文章

一. 代码演示

     1. 在主窗体WM_NCCREATE中调用_ShadowWnd函数,  通过此函数修改主窗体的两个属性 -- 1. 替换窗体过程函数(用于截获主窗体的消息); 2.  修改主窗体为层窗体

        

LRESULT CALLBACK _DefWndProc ( HWND hWnd , UINT nMsg , WPARAM wParam , LPARAM lParam )
{    
     static const UINT IDC_BTNEXIT         = 1002;

     switch ( nMsg )
    {
         case WM_NCCREATE :
        {
             _ShadowWnd ( hWnd );
             break ;
        }
        ...
    }
     return :: DefWindowProc ( hWnd , nMsg , wParam , lParam );
}

 

        

void _ShadowWnd ( HWND hWnd )
{
     LONG _OldWndProc = GetWindowLongPtr ( hWnd , GWL_WNDPROC );
     if ( NULL != _OldWndProc )
    {
         SetWindowLongPtr ( hWnd , GWL_WNDPROC , ( LONG ) _WndProc );
         SetWindowLongPtr ( hWnd , GWL_EXSTYLE , GetWindowLongPtr ( hWnd , GWL_EXSTYLE )| WS_EX_LAYERED );
         SetLayeredWindowAttributes ( hWnd , 0, 3, LWA_ALPHA );
    }

     return ;
}

     2. 处理_WndProc中消息

        a. 首先创建一个层窗体(阴影窗体)

        b. 加载边沿带有阴影的效果图PNG(使用gdi+)将做为背影

        c. 遍历主窗体中控件的DC， 将绘到背影上

        d. 使用UpdateLayeredWindow将含有控件图的背影绘制到阴影窗体上

   

LRESULT CALLBACK _WndProc ( HWND hWnd , UINT nMsg , WPARAM wParam , LPARAM lParam )
{
     HRESULT hResult = _DefWndProc ( hWnd , nMsg , wParam , lParam );

     static bool bUpdate = false ;
     static    Image * pImage ;

     static HWND hShadowWnd = NULL ;
     switch ( nMsg )
    {
         case WM_CREATE :
        {
             pImage         = _LoadImage ( IDB_PNG1 , _T ( "PNG" ), GetModuleHandle ( NULL ));
             hShadowWnd     = _CreateShadowWnd ( hWnd );
             break ;
        }
         case WM_MOVE :
        {
             RECT rtWnd ;
             GetWindowRect ( hWnd , & rtWnd );
             if ( NULL != hShadowWnd && IsWindow ( hShadowWnd ))
            {
                 SetWindowPos ( hShadowWnd , NULL , rtWnd . left , rtWnd . top , 0, 0, SWP_NOZORDER | SWP_NOSIZE );
            }
             break ;
        }
         case WM_SIZE :
        {
             RECT rtWnd ;
             GetWindowRect ( hWnd , & rtWnd );
             if ( NULL != hShadowWnd && IsWindow ( hShadowWnd ))
            {
                 SetWindowPos ( hShadowWnd , NULL , 0, 0, rtWnd . right - rtWnd . left , rtWnd . bottom - rtWnd . top , SWP_NOZORDER | SWP_NOMOVE );
            }
             break ;
        }
         case WM_PAINT :
         case WM_CAPTURECHANGED :
         case WM_CTLCOLOREDIT :
         case WM_CTLCOLORBTN :
         case WM_CTLCOLORSTATIC :
         case WM_CTLCOLORMSGBOX :
         case WM_CTLCOLORDLG :
         case WM_CTLCOLORLISTBOX :
         case WM_CTLCOLORSCROLLBAR :
        {
             if ( NULL != pImage )
            {
                 _BlendRefresh ( hShadowWnd , hWnd , pImage , 200);
            }
             break ;
        }
         case WM_DESTROY :
        {
             if ( NULL != hShadowWnd && IsWindow ( hShadowWnd ))
            {
                 DestroyWindow ( hShadowWnd );
            }
             break ;
        }
    }
     return hResult ;
}

二、效果

    

   备注: 本例中演示阴影窗体的实现，其中一些细节还要优化和实现

 

演示代码