MFC MDI和SDI非客户区框架界面美化之----标题栏以及边框美化

1、美化方式：贴图、重绘

      优点：简单，易理解！适合

      缺点：美化限制较大，实际使用意义不大。

2、基本思路是重载CMainFrame类的DefWindowProc()函数，并判断消息为：WM_NCPAINT,WM_NCACTIVATE,WM_NOTIFY的时候，调用自己的绘制窗口标题栏的函数。用GetSystemMetrics(SM_CSFRAME)和GetSystemMetrics(SM_CYFRAME)可以取得标题栏的左上角的坐标。最大化，最小化的按钮自己画，如果不是在标准的位置，一定要记录下他们的位置，并且在WM_NCLBUTTONDOWN消息处理函数中判断是否是点击了按钮，以做出相应的处理。系统图标也可以自己重新画。

主要任务有贴图（包括标题栏、左边界、右边界、下边界、系统图标、最大化、最小化、关闭按钮）、处理消息（屏蔽系统自带按钮、双击状态栏改变大小、鼠标停放在三个自绘按钮上时改变按钮图标、单击自绘按钮时作出相应反应）。

3、响应的消息及重载的函数

        响应的消息及重载的函数都在CMainFrame类中。响应DefWindowProc函数，在其中判断消息是不是WM_NCPAINT、WM_MOVE、WM_NCACTIVATE、WM_NOTIFY,若是则重画标题栏、左框架、右框架、下框架、最大化、最小化、关闭按钮(放在一个函数里)。

       响应消息WM_NCHITTEST，使鼠标位于自绘按钮时返回相应hittest值，同时屏蔽自带按钮的鼠标事件。简言之，当鼠标位于自绘按钮时，让系统误以为鼠标位于相应按钮，而当鼠标位于系统自带按钮时，让系统误以为鼠标只是位于标题栏。自绘图标与之类似，不再赘述。

       响应消息WM_NCMOUSEMOVE,判断光标是不是位于自绘最大化、最小化、关闭按钮区域，如是则重画相应的按钮。

       响应消息WM_NCLBUTTONDOWN，判断单击左键时鼠标是否位于自绘制的最大化、最小化、关闭按钮或图标区域,如是则执行相应的按钮操作。

响应消息WM_NCLBUTTONDBCLK，使双击标题栏时窗口能最大化或还原。

 

LRESULT CMainFrame::DefWindowProc(UINT message, WPARAM wParam, LPARAM lParam)
{
	// TODO: 在此添加专用代码和/或调用基类
	if(message==WM_MOVE||message==WM_NCPAINT||message==WM_NCACTIVATE||message==WM_NOTIFY)
	{
		CDC *pWinDC=GetWindowDC();
		if(pWinDC)
			DrawFrame(pWinDC); //自定义重绘函数
		ReleaseDC(pWinDC);
		return TRUE;
	}
	else
	return CMDIFrameWndEx::DefWindowProc(message, wParam, lParam)

}

//此函数实现对框架的自绘
void CMainFrame::DrawFrame(CDC* pDC)
{
	CDC* pDisplayMemDC=new CDC;
	pDisplayMemDC->CreateCompatibleDC(pDC);
	//分别用于保存窗口位置、按钮位置、框架位置和标题栏位置的临时变量
	CRect rtWnd,rtButtons,rtTitle;
	//获取窗口位置
	GetWindowRect(&rtWnd);
	//获取标题栏位置
	rtTitle.top=GetSystemMetrics(SM_CYFRAME);
	rtTitle.left=GetSystemMetrics(SM_CXFRAME);
	rtTitle.bottom=GetSystemMetrics(SM_CYFRAME)+GetSystemMetrics(SM_CYSIZE);
	rtTitle.right=rtWnd.Width()-GetSystemMetrics(SM_CXFRAME);
	//准备贴图
	CBitmap *pBitmap=new CBitmap;
	BITMAP bm;
	//重绘标题栏
	pBitmap->LoadBitmap(IDB_TITLEBAR);
	pBitmap->GetBitmap(&bm);
	pDisplayMemDC->SelectObject(pBitmap);
	pDC->StretchBlt(0,0,rtWnd.Width(),rtTitle.Height()+GetSystemMetrics(SM_CYFRAME)+2,pDisplayMemDC,0,0,bm.bmWidth,bm.bmHeight,SRCCOPY);
	pBitmap->DeleteObject();
	//重绘左边框右边框和下边框
	pBitmap->LoadBitmap(IDB_LEFTANDRIGHT);
	pBitmap->GetBitmap(&bm);
	pDisplayMemDC->SelectObject(pBitmap);
	pDC->StretchBlt(0,0,GetSystemMetrics(SM_CXFRAME)+1,rtWnd.Height(),pDisplayMemDC,0,0,bm.bmWidth,bm.bmHeight,SRCCOPY);
	pDC->StretchBlt(rtWnd.Width()-GetSystemMetrics(SM_CXFRAME),0,rtWnd.Width(),rtWnd.Height(),pDisplayMemDC,0,0,bm.bmWidth,bm.bmHeight,SRCCOPY);
	pBitmap->DeleteObject();
	pBitmap->LoadBitmap(IDB_BOTTOM);
	pBitmap->GetBitmap(&bm);
	pDisplayMemDC->SelectObject(pBitmap);
	pDC->StretchBlt(0,rtWnd.Height()-GetSystemMetrics(SM_CYFRAME),rtWnd.Width(),rtWnd.Height(),pDisplayMemDC,0,0,bm.bmWidth,bm.bmHeight,SRCCOPY);
	pBitmap->DeleteObject();

	//准备重绘关闭按钮
	pBitmap->LoadBitmap(IDB_EXIT_NORMAL);
	pBitmap->GetBitmap(&bm);
	pDisplayMemDC->SelectObject(pBitmap);
	//设置关闭按钮位置
	rtButtons.left=rtTitle.right-bm.bmWidth-5;
	rtButtons.top=GetSystemMetrics(SM_CYFRAME)+(rtTitle.Height()-bm.bmHeight)/2;
	rtButtons.right=rtButtons.left+bm.bmWidth;
	rtButtons.bottom=rtButtons.top+bm.bmHeight;
	m_rtButtExit=rtButtons;
	//重绘关闭按钮
	pDC->BitBlt(rtButtons.left,rtButtons.top,rtButtons.Width(),rtButtons.Height(),pDisplayMemDC,0,0,SRCCOPY);
	pBitmap->DeleteObject();

	//准备重绘最大化/恢复按钮
	if(IsZoomed())
		pBitmap->LoadBitmap(IDB_RESTORE_NORMAL);
	else
		pBitmap->LoadBitmap(IDB_MAX_NORMAL);
	pBitmap->GetBitmap(&bm);
	pDisplayMemDC->SelectObject(pBitmap);
	//设置最大化/恢复按钮位置
	rtButtons.right=m_rtButtExit.left-2;
	rtButtons.left=rtButtons.right-bm.bmWidth;
	rtButtons.top=m_rtButtExit.top;
	rtButtons.bottom=m_rtButtExit.bottom;
	m_rtButtMax=rtButtons;
	//重绘最大化/恢复按钮
	pDC->BitBlt(rtButtons.left,rtButtons.top,rtButtons.Width(),rtButtons.Height(),pDisplayMemDC,0,0,SRCCOPY);
	pBitmap->DeleteObject();

	//准备重绘最小化按钮
	pBitmap->LoadBitmap(IDB_MIN_NORMAL);
	pBitmap->GetBitmap(&bm);
	pDisplayMemDC->SelectObject(pBitmap);
	//设置最小化按钮位置
	rtButtons.right=m_rtButtMax.left-2;
	rtButtons.left=rtButtons.right-bm.bmWidth;
	rtButtons.top=m_rtButtMax.top;
	rtButtons.bottom=m_rtButtMax.bottom;
	m_rtButtMin=rtButtons;
	//重绘最小化按钮
	pDC->BitBlt(rtButtons.left,rtButtons.top,rtButtons.Width(),rtButtons.Height(),pDisplayMemDC,0,0,SRCCOPY);
	pBitmap->DeleteObject();

	//准备重绘图标
	m_rtIcon.left=GetSystemMetrics(SM_CXFRAME);
	m_rtIcon.top=GetSystemMetrics(SM_CYFRAME);
	m_rtIcon.right=m_rtIcon.left+GetSystemMetrics(SM_CXSIZE);
	m_rtIcon.bottom=m_rtIcon.top+GetSystemMetrics(SM_CYSIZE);
	::DrawIconEx(pDC->m_hDC, m_rtIcon.left, m_rtIcon.top, AfxGetApp()->LoadIcon(IDR_MAINFRAME), 
		m_rtIcon.Width(), m_rtIcon.Height(), 0, NULL, DI_NORMAL);

	//绘制标题
	pDC->SetBkMode(TRANSPARENT);
	pDC->DrawText(_T("美化框架"),CRect(m_rtIcon.right+4,GetSystemMetrics(SM_CYFRAME)+4,400,GetSystemMetrics(SM_CYSIZE)+60),DT_NOCLIP|DT_SINGLELINE);

	ReleaseDC(pDisplayMemDC);
	delete pDisplayMemDC;
	delete pBitmap;
}

 

其他函数源代码见DEMO。

4、说明

1、如何去掉默认的主菜单：

        在App类中注释掉BEGIN_MESSAGE_MAP映射中的三行，注释掉class CAboutDlg : public CDialog后面所有内容。同时在CMainFrm中的precreatewindow（）中加上cs.hMenu=NULL;语句即可。注意一定不要完全删除资源中原有的菜单。

    2、修改标题：

        法一：在BOOL CMainFrame::PreCreateWindow(CREATESTRUCT& cs)函数里修改cs.lpszName值；法二：在App类的初始化函数里在显示并更新窗口前加上AfxGetMainWnd（）->SetWindowText(_T(“”));相应地如果设置其他标题用//Set title for View’s MDI child frame window .

GetParentFrame ( ) —> SetWindowText ("_T ("MDI Child Frame new title"))

//Set title for dialog’s push button control.

GetDlgitem (IDC_BUTTON) —> SetWindowText (_T ("Button new title ") )

3、居中显示窗口：

    法一：在BOOL CMainFrame::PreCreateWindow(CREATESTRUCT& cs)函数里cs.x=GetSystemMetrics(SM_CXSCREEN)/2-cs.cx/2;

cs.y=GetSystemMetrics(SM_CYSCREEN)/2-cs.cy/2;

法二：（此法不好，会导致程序启动时闪动）在App类初始化函数中执行 AfxGetMainWnd()->CenterWindow();

类似CenterWindow（）的实现代码可如下  

                                   //****居中显示  

                                   RECT   rcDlg;  

                                   int   cxDlg,cyDlg;  

                                   ::GetWindowRect(hWnd,&rcDlg);  

                                   cxDlg=rcDlg.right-rcDlg.left;  

                                   ::cyDlg=rcDlg.bottom-rcDlg.top;  

  SetWindowPos(hWnd,HWND_TOP,GetSystemMetrics(SM_CXSCREEN)/2-cxDlg/2,GetSystemMetrics(SM_CYSCREEN)/2-cyDlg/2,0,0,SWP_NOSIZE);

4、程序运行顺序：

从App类的App::InitInstance()函数开始运行到其中的

“// 调度在命令行中指定的命令。如果

                    // 用 /RegServer、/Register、/Unregserver 或 /Unregister 启动应用程序，则返回 FALSE。

                    if (!ProcessShellCommand(cmdInfo))

                       return FALSE;  ”

进入if判断，先进入MainFrm中的PreCreateWindow(CREATESTRUCT& cs)执行后进入View中的PreCreateWindow(CREATESTRUCT& cs)，执行后又回到App中继续往下执行。

    

5、修改主窗口的位置和大小：

不要用在App类初始化函数中执行 AfxGetMainWnd()->CenterWindow(GetDeskTopWindow（）);和SetWindowPos（）函数修改，因为这样会在程序运行时闪动。好的方法是在MainFrame中的PreCreateWindow(CREATESTRUCT& cs)中执行代码   //设置窗口尺寸

                                              cs.cx=760;

                                              cs.cy=480;

                                              //居中放置窗口

                                              cs.x=GetSystemMetrics(SM_CXSCREEN)/2-cs.cx/2;

                                              cs.y=GetSystemMetrics(SM_CYSCREEN)/2-cs.cy/2;

   

6、几个获取尺寸的函数：

              GetClientRect()--------获得客户区坐标，相对于窗口左上角，不包括标题栏，所以left和top值始终是0；

              GetWindowRect（）---------相对于屏幕左上角的坐标；

              GetSystemMetrics（）---------其中的SM_CXFRAME表示边框的水平厚度，SM_CXSIZE表示标题栏的宽度，也即关闭按钮的宽度。

            

     7、strchblt（）和bitblt（）双缓冲绘图的区别：

          前者可使缓冲区的图像大小随贴图区大小改变，后者不能。

     8、最大化遮住任务栏、最大化后可移动窗口的解释：

WS_THICKFRAME、WS_CAPTION、WS_MAXIMIZEBOX三个风格的作用。如果去掉这三个风格，cs.style &= ~WS_MAXIMIZEBOX；cs.style &=~WS_THICKFRAME;cs.style &=~WS_CAPTION;最大化后就会遮住任务栏，同时窗口可移动。如果仅去掉WS_MAXIMIZEBOX，最大化后不遮住任务栏，但仍可移动窗口，如果不想让窗口移动，则需在OnNcLButtonDown（）函数中添加if（IsZoomed（）&&nHitTest==HTCaption）nHitTest=HTNOWHERE；如果需要去掉WS_MAXIMIZEBOX和WS_THICKFRAME、WS_CAPTION同时最大化还不遮住任务栏，则需要在执行最大化前修改风格，用ModifyStyle（）；最大化后再改过来。

    

     9、绘制图标：

用全局函数::DrawIconEx(pDC->m_hDC, m_rtIcon.left, m_rtIcon.top, AfxGetApp()->LoadIcon(IDR_MAINFRAME),

                                    m_rtIcon.Width(), m_rtIcon.Height(), 0, NULL, DI_NORMAL);

     10、让系统自带按钮存在的目的:

         只有这样系统才处理产生鼠标指向按钮时的Tooltips，这样自绘按钮利用系统已有功能显示Tooltips，

 

11、运行效果

 

DEMO下载