【MFC自绘窗口】 窗口设计第一课

现在市面上的软件做的越来越花哨，界面也越来越友好，像QQ，360，酷我音乐，迅雷等软件做的相当的到位，当然，这些软件都是人家公司开发的界面库，基本采用都是DriectUI原理设计，咱这里不过多讲解，等着我会抽出几节去讲解DriectUI设计，其次，现在市面上也有很多公司或者个人开发的界面库，比如UIPower，SkinSE，SkinSharp，DuiLib等等，有的是商用，有的是开源的，比如DuiLib就是一群网上的爱好者们合伙开发的，而且现在仍然在维护中，希望这种正能量能够持续下去。不过个人比较偏好SkinSharp界面库，小巧轻量，对待一些不大的项目，能够迅速换肤。言归正传，本篇将通过重载对话框，来教大家怎么设计一个友好的界面。

设计思路：

1:先看一下window窗口是怎么布局的

窗口分为客户区和非客户区，如图，框起来的部分为非客户区，而白色的部分就是客户区了。红色区域为标题栏，标题栏大致上分为三部分，左边绘制窗口图标，中间显示窗口标题，右边显示基本的按钮，按钮一般分为四帧，如图

第一帧：正常状态

第二帧：Hoven状态， 即鼠标放在按钮时的状态

第三帧：鼠标按下状态

第四帧：失效状态

绘制客户区自然就要在WM_PAINT中进行，而非客户区的绘制就不能在这里了，而是在WM_NCPAINT，这里注意一下，以后还有很多消息是关于非客户区的，客户区和非客户区不要混淆，非客户区都是NC打头，NoClient的意思

非客户区的鼠标消息，WM_NCLBUTTONDOWN,WM_NCMOUSEMOVE等等，我们的按钮将会在这里进行事件的响应

技术要点：

1：分清客户区和非客户区；

2：客户区和非客户区绘制的不同，CDC,CPaintDC,CClientDC,CWindowDC区别

实现过程：

1：创建一个对话框程序，取名Design，如图

2：先创建一个绘制图片的类，这里采用CImage的封装类，代码不过多讲解，都是图片的基本操作，代码如下

#ifndef IMAGE_HEAD_FILE
#define IMAGE_HEAD_FILE

#pragma once
#include
//
//结构定义

//渲染信息
struct  tagImageRender
{
    INT                              nXImage;                             //图片位置
    INT                              nYImage;                             //图片位置
    INT                              nXScreen;                            //渲染位置
    INT                              nYScreen;                            //渲染位置
    INT                              cxRender;                            //渲染尺寸
    INT                              cyRender;                            //渲染尺寸
};

//

//位图对象
class  CImageEx :  public  CImage
{
    //变量定义
protected :
    TCHAR                            m_strImageName[MAX_PATH];            //图片名称

    //函数定义
public :
    //构造函数
    CImageEx();
    //析构函数
    virtual  ~CImageEx();

    //创建函数
public :
    //加载图片
    bool  LoadImage( HINSTANCE  hInstance,  LPCTSTR  pszResourceName);
    //加载图片
    bool  LoadImage( void  * pDate , DWORD  dwSize);

    //区域函数
public :
    //创建区域
    bool  CreateImageRegion(CRgn & ImageRgn,  COLORREF  crTransColor);
    //创建区域
    bool  CreateImageRegion(CRgn & ImageRgn,  INT  nXSrcPos,  INT  nYSrcPos,  INT nSrcWidth,  INT  nSrcHeight,  COLORREF  crTransColor);

    //一般绘画
public :
    //一般绘画
    BOOL  BitBlt(  HDC  hDestDC,  int  xDest,  int  yDest,  DWORD  dwROP = SRCCOPY );
    //一般绘画
    BOOL  BitBlt(  HDC  hDestDC,  const  POINT& pointDest,  DWORD  dwROP = SRCCOPY );
    //一般绘画
    BOOL  BitBlt(  HDC  hDestDC,  int  xDest,  int  yDest,  int  nDestWidth,  int  nDestHeight, int  xSrc,  int  ySrc,  DWORD  dwROP = SRCCOPY );
    //一般绘画
    BOOL  BitBlt(  HDC  hDestDC,  const  RECT& rectDest,  const  POINT& pointSrc,  DWORD dwROP = SRCCOPY );

    //绘画图片
public :
    //平铺绘画
    bool  DrawImageTile(CDC * pDC, CRect & rcDestRect);
    //平铺绘画
    bool  DrawImageTile(CDC * pDC,  INT  nXPos,  INT  nYPos,  INT  nWidth,  INT  nHeight);

    //透明绘画
public :
    //透明绘画
    bool  TransDrawImage(CDC * pDestDC,  INT  xDest,  INT  yDest,  COLORREF  crTransColor);
    //透明绘画
    bool  TransDrawImage(CDC * pDestDC,  INT  xDest,  INT  yDest,  INT  cxDest,  INT  cyDest, INT  xSrc,  INT  ySrc,  COLORREF  crTransColor);
    //透明绘画
    bool  TransDrawImage(CDC * pDestDC,  INT  xDest,  INT  yDest,  INT  cxDest,  INT  cyDest, INT  xSrc,  INT  ySrc,  INT  cxSrc,  INT  cySrc,  COLORREF  crTransColor);

    //透明绘画
public :
    //混合绘画
    bool  AlphaDrawImage(CDC * pDestDC,  INT  xDest,  INT  yDest,  BYTE  cbAlphaDepth);
    //混合绘画
    bool  AlphaDrawImage(CDC * pDestDC,  INT  xDest,  INT  yDest,  INT  cxDest,  INT  cyDest, INT  xSrc,  INT  ySrc,  BYTE  cbAlphaDepth);
    //混合绘画
    bool  AlphaDrawImage(CDC * pDestDC,  INT  xDest,  INT  yDest,  INT  cxDest,  INT  cyDest, INT  xSrc,  INT  ySrc,  INT  cxSrc,  INT  cySrc,  BYTE  cbAlphaDepth);

    //混合绘画
public :
    //混合绘画
    bool  BlendDrawImage(CDC * pDestDC,  INT  xDest,  INT  yDest,  COLORREF  crTransColor, BYTE  cbAlphaDepth);
    //混合绘画
    bool  BlendDrawImage(CDC * pDestDC,  INT  xDest,  INT  yDest,  INT  cxDest,  INT  cyDest, INT  xSrc,  INT  ySrc,  COLORREF  crTransColor,  BYTE  cbAlphaDepth);
    //混合绘画
    bool  BlendDrawImage(CDC * pDestDC,  INT  xDest,  INT  yDest,  INT  cxDest,  INT  cyDest, INT  xSrc,  INT  ySrc,  INT  cxSrc,  INT  cySrc,  COLORREF  crTransColor,  BYTE  cbAlphaDepth);

    //辅助函数
public :
    //矩形检查
    bool  IsRectIntersect( const  CRect & rcRect,  INT  nXPos,  INT  nYPos,  INT  nWidth,  INT nHeight);
    //区域计算
    bool  GetDrawImageArea( INT  xDest,  INT  yDest,  INT  cxDest,  INT  cyDest,  INT  xSrc, INT  ySrc, CRect & rcDirty, tagImageRender & ImageRender);
};

//

#endif

#include "StdAfx.h"
#include "ImageEx.h"

/

//构造函数
CImageEx::CImageEx()
{
    ZeroMemory(m_strImageName,  sizeof (m_strImageName) );
}

//析构函数
CImageEx::~CImageEx()
{
}

//加载图片
bool  CImageEx::LoadImage(  HINSTANCE  hInstance,  LPCTSTR  pszResourceName )
{
    if  (IsNull()== false )  return  false ;

    //变量定义
    HRSRC  hResource=NULL;
    HGLOBAL  hGlobal=NULL;
    IStream * pIStream=NULL;

    //加载位图
    try
    {
        //查找资源
        hResource=FindResource(hInstance,pszResourceName,TEXT( "PNG" ));
        if  (hResource==NULL)  throw  0;

        //加载资源
        hGlobal=LoadResource(hInstance,hResource);
        if  (hGlobal==NULL)  throw  0;

        //读取资源
        LPVOID  pImageBuffer=LockResource(hGlobal);
        DWORD  dwImageSize=SizeofResource(hInstance,hResource);

        //创建数据
        CreateStreamOnHGlobal(NULL,TRUE,&pIStream);
        if  (pIStream==NULL)  throw  0;

        //写入数据
        pIStream->Write(pImageBuffer,dwImageSize,NULL);

        //创建位图
        CImage::Load(pIStream);

        //释放资源
        if  (pIStream!=NULL) pIStream->Release();

        //是否资源
        if  (hGlobal!=NULL)
        {
            UnlockResource(hGlobal);
            FreeResource(hGlobal);
        }

        return  true ;
    }
    catch  (...)
    {
        //释放资源
        if  (pIStream!=NULL) pIStream->Release();

        //是否资源
        if  (hGlobal!=NULL)
        {
            UnlockResource(hGlobal);
            FreeResource(hGlobal);
        }

        return  false ;
    }

    return  true ;
}

//加载图片
bool  CImageEx::LoadImage(  void  * pDate , DWORD  dwSize )
{
    if  (IsNull()== false )  return  false ;
    if  ( pDate == NULL )  return  false ;

    //变量定义
    IStream * pIStream=NULL;

    //加载位图
    try
    {
        //创建数据
        CreateStreamOnHGlobal(NULL,TRUE,&pIStream);
        if  (pIStream==NULL)  throw  0;

        //写入数据
        pIStream->Write(pDate,dwSize,NULL);

        //创建位图
        if  ( CImage::Load(pIStream) == S_FALSE )  throw  0;

        //释放资源
        if  (pIStream!=NULL) pIStream->Release();

        return  true ;
    }
    catch  (...)
    {
        //释放资源
        if  (pIStream!=NULL) pIStream->Release();

        return  false ;
    }

    return  true ;
}

//创建区域
bool  CImageEx::CreateImageRegion(CRgn & ImageRgn,  COLORREF  crTransColor)
{
    //创建区域
    CreateImageRegion(ImageRgn,0,0,GetWidth(),GetHeight(),crTransColor);

    return  true ;
}

//创建区域
bool  CImageEx::CreateImageRegion(CRgn & ImageRgn,  INT  nXSrcPos,  INT  nYSrcPos,  INT  nSrcWidth,  INT  nSrcHeight,  COLORREF crTransColor)
{
    //判断状态
    ASSERT(IsNull()== false );
    if  (IsNull()== true )  return  false ;

    //参数调整
    INT  nImageWidht=GetWidth();
    INT  nImageHeight=GetHeight();
    if  ((nXSrcPos+nSrcWidth)>nImageWidht) nSrcWidth=nImageWidht-nXSrcPos;
    if  ((nYSrcPos+nSrcHeight)>nImageHeight) nSrcHeight=nImageHeight-nYSrcPos;

    //创建对象
    CDC MemDC;
    MemDC.CreateCompatibleDC(NULL);
    ImageRgn.CreateRectRgn(0,0,0,0);

    //创建位图
    CImage ImageConsult;
    ImageConsult.Create(nSrcWidth,nSrcHeight,32);

    //调整位图
    BITMAP ImageInfo;
    GetObject(ImageConsult, sizeof (ImageInfo),&ImageInfo);
    while  ((ImageInfo.bmWidthBytes%4)!=0) ImageInfo.bmWidthBytes++;

    //绘画位图
    BitBlt(ImageConsult.GetDC(),0,0,nSrcWidth,nSrcHeight,nXSrcPos,nYSrcPos);