窗口非客户区绘制位图与设计

原文:http://www.haogongju.net/art/1891934

首先介绍在指定区域绘制位图

为了能够在指定的区域中输出位图，需要使用设备上下文CDC类的StretchBlt方法。由于我们需要在窗口的非客户区域绘制位图，因此需要使用CWindowDC类的StretchBlt方法， CWindowDC类派生与CDC类，它提供了在窗口非客户区域绘制位图的功能。该方法数从源矩形中复制一个位图到目标矩形，必要时按目前目标设备设置的模式进行图像的拉伸或压缩。输出位图的主要实现代码如下：

CRect winRC;
CDC* pDC=GetWindowDC();//获取窗口设备上下文
    CDC memDC;
memDC.CreateCompatibleDC(pDC);//创建兼容内存位图
    BITMAPINFO bmpInfo;
CBitmap bmp;    //定义位图对象
GetWindowRect(&winRC);
bmp.LoadBitmap(nID);//加载位图
bmp.GetObject(sizeof(BITMAPINFO),&bmpInfo);//获取位图信息
int nBmpCX = bmpInfo.bmiHeader.biWidth;//获取位图宽度
int nBmpCY = bmpInfo.bmiHeader.biHeight;//获取位图高度
memDC.SelectObject(bmp);//选中位图对象
pDC->StretchBlt(x,y,w,h,
&memDC,0,0,nBmpCX,nBmpCY,SRCCOPY);//在窗口中绘制位图
bmp.DeleteObject();//释放位图对象
ReleaseDC(pDC);//释放DC    

其次对话框界面设计与绘制的实现

在对话框重绘的设计与实现过程中，一般需要绘制的对话框区域主要有标题部分、边框部分和客户区部分。具体的区域划分如下图所示:

既然要对多个区域进行位图显示输出，所以我们先封装一个bmp位图显示输出函数如下：

void CClearTmpFileDlg::DisplayBmp(int x,int y,int w,int h,int nID)
{//nID 表示位图资源的ID
    CRect winRC;
CDC* pDC=GetWindowDC();
CDC memDC;
memDC.CreateCompatibleDC(pDC);
BITMAPINFO bmpInfo;
CBitmap bmp;
GetWindowRect(&winRC);
bmp.LoadBitmap(nID);
bmp.GetObject(sizeof(BITMAPINFO),&bmpInfo);
int nBmpCX = bmpInfo.bmiHeader.biWidth;
int nBmpCY = bmpInfo.bmiHeader.biHeight;
memDC.SelectObject(bmp);
pDC->StretchBlt(x,y,w,h,
&memDC,0,0,nBmpCX,nBmpCY,SRCCOPY);//在窗口中绘制位图
    bmp.DeleteObject();
ReleaseDC(pDC);
}

然后就是对各个区域进行位图输出重绘。由于标题栏以及边框主要都是非客户区域绘制，因此应该在WM_NCPAINT 消息中绘制。当然得先通过添加资源的方式将所用到的bmp位图资源导入到项目中。

在 WM_NCPAINT消息对于的 方法OnNcPaint（）中调用对话框绘制方法DrawDialog（）。该方法的功能就是绘制对话框各个区域的位图。主要代码如下：

void CClearTmpFileDlg::DrawDialog()
{//重绘对话框标题栏、边框、最小化按钮、最大化按钮和关闭按钮等界面
m_nFrameCY = GetSystemMetrics(SM_CYFIXEDFRAME);//获取对话框边框的高度
m_nFrameCX = GetSystemMetrics(SM_CXDLGFRAME);//获取对话边框的宽度
if(GetStyle()&WS_BORDER)//获取对话框是否有边框
    {
m_nBorderCY = GetSystemMetrics(SM_CYBORDER) + m_nFrameCY;
m_nBorderCX = GetSystemMetrics(SM_CXBORDER) +m_nFrameCX;
}
else
{
m_nBorderCY = m_nFrameCY;
m_nBorderCX = m_nFrameCX;
}
m_nTitleBarCY = GetSystemMetrics(SM_CYCAPTION) + m_nBorderCY;//计算标题栏高度
m_nTitleBarCX =m_nBorderCX;
CRect winRect,factRect;
GetWindowRect(&winRect);
factRect.CopyRect(CRect(0,0,winRect.Width(),winRect.Height()));
CWindowDC windowsDC(this);//获取窗口设备上下文
//获取整个MFC窗口的高度和宽度
m_nWinWidth = winRect.Width();//=781
m_nWinHeight = winRect.Height();//=459
//绘制对话框左标题栏位图    
DisplayBmp(0,0,100,m_nTitleBarCY,IDB_LEFTTITLE);
//绘制对话框标题栏左端的logo图标
DisplayBmp(3,0,26,m_nTitleBarCY,IDB_APPICON);
//绘制对话框右标题栏位图    
DisplayBmp(m_nWinWidth-100,0,100,m_nTitleBarCY,IDB_RIGHTTITLE);
//绘制对话框中标题栏位图    
DisplayBmp(100,0,m_nWinWidth-200,m_nTitleBarCY,IDB_MIDTITLE);
//绘制对话框左边框位图
DisplayBmp(0,m_nTitleBarCY,m_nBorderCX,m_nWinHeight-m_nBorderCY,IDB_LEFTBAR);
//绘制对话框底边框位图
DisplayBmp(m_nBorderCX,m_nWinHeight-m_nBorderCX,m_nWinWidth-2*m_nBorderCX,m_nBorderCX,IDB_BOTTOMBAR);
//绘制对话框左边框位图
DisplayBmp(m_nWinWidth-m_nBorderCX,m_nTitleBarCY,m_nBorderCX,m_nWinHeight-m_nBorderCY,IDB_RIGHTBAR);
//给对话框绘制最小化按钮
DisplayBmp(m_nWinWidth-26*3-5,0,26,26,IDB_MINBTN1);
//给对话框绘制最大化按钮
DisplayBmp(m_nWinWidth-26*2-5,0,26,26,IDB_MAXBTN1);
//给对话框绘制关闭按钮
DisplayBmp(m_nWinWidth-26-5,0,26,26,IDB_CLOSEBTN1);
ReleaseDC(&windowsDC);
//ReleaseDC(&memDC);
DrawTitleBarText();//输出标题栏文本
}

上面代码中最后的绘制对话框标题文本的方法DrawTitleBarText()，主要是用来显示标题栏的文本，其主要代码如下：

CString strTitle ="小蔡垃圾清理器3.0";
CDC* pDC= GetWindowDC();
pDC->SetBkMode(TRANSPARENT);
pDC->SetTextColor(RGB(255,255,255));
pDC->SetTextAlign(TA_CENTER);
CRect rect;
GetClientRect(&rect);
CSize szText = pDC->GetTextExtent(strTitle);
CFont* font,*fOldFont;
font = new CFont;
font->CreateFont(12,0,0,0,FW_BOLD,FALSE,FALSE,0,ANSI_CHARSET,     OUT_DEFAULT_PRECIS,CLIP_DEFAULT_PRECIS,DEFAULT_QUALITY,FF_SWISS,_T("宋体"));
fOldFont = pDC->SelectObject(font);
pDC->TextOut(100,6.5,strTitle,18);
pDC->SelectObject(fOldFont);
ReleaseDC(pDC); 

在完成对话框相应区域的位图后，并没有完成任务，还需要处理标题栏按钮的热点效果，以及按钮的单击事件。首先得处理鼠标在非客户区域移动时的事件，即WM_NCMOUSEMOVE消息，在其消息处理函数中判断当前的鼠标点是否位于标题栏的按钮区域，如果是则设置按钮的热点效果，并且记录当前的按钮状态，及鼠标点在哪个按钮上。同样的，处理对话框非客户区域的单击事件，即WM_NCLBUTTONDOWN消息，在其消息处理函数中完成单击事件操作。这部分的代码比较简单，在此不予显示。