VC++开发垃圾文件清理软件之三：程序的界面设计与实现----对话框界面

先说下哈，有人说要源代码，源代码在博文《VC++开发垃圾文件清理软件之四：程序的界面设计与实现----按钮控件界面》的最后给出下载地址供大家下载。

对应用程序界面的设计包括两部分，一部分是对话框自身的重设计，二是对话框控件的重绘，本程序主要对按钮控件进行重绘设计。

1. 绘制对话框的背景位图

绘制对话框背景位图本文采用的是处理对话框的WM_PAINT消息，该消息初始化时候对对话框进行绘制，从而绘制背景位图。绘制背景位图的主要代码如下：

CRect   rect;
    CPaintDC   dc(this);
    GetClientRect(&rect); //获取客户区    
//设置对话框背景颜色        
dc.FillSolidRect(rect,RGB(14,94,157));   //设置为窗口背景

2. 在指定的区域中输出位图

为了能够在指定的区域中输出位图，需要使用设备上下文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    

3. 对话框界面设计与绘制的实现：

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

既然要对多个区域进行位图显示输出，所以我们先封装一个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消息，在其消息处理函数中完成单击事件操作。这部分的代码比较简单，在此不予显示。