Click here to Skip to main content
Click here to Skip to main content

A Customized Window for MFC Applications

, 1 Dec 2008 CPOL
Rate this:
Please Sign up or sign in to vote.
This article is to basically explain how to create a customized drawn window for MFC applications.

Introduction

This article came as a result of trying to create a custom border for the MFC application. The simplest way to customize the window of an application is to bind it to a specific theme that gives it the look and feel we want. But sometimes we can't get the specific design we want and more importantly, the shape we want. So that gave the idea of removing the existing borders and title bars and making the window handle the basic actions which the borders and title bar can.

So when we remove the title bar and the border from the window, we have to handle some basic actions which they perform. Those are:

  1. Moving the window
  2. Resizing the window
  3. Close, Restore and Minimize

The Code

First we can remove the title bar and clip the region for the window:

BOOL CCustomFrame::OnCreateClient(LPCREATESTRUCT lpcs, CCreateContext* pContext)
{
	CRect rect;
	GetClientRect(rect);
	//Create the custom region for the window
	m_CustomRgn.CreateRoundRectRgn(rect.left + winStats.frm_clp_wdth,
		rect.top + winStats.frm_clp_wdth,
		rect.right - winStats.frm_clp_wdth,
		rect.bottom - winStats.frm_clp_wdth,
		20, 20);
		//Set the window region
        VERIFY(SetWindowRgn(m_CustomRgn , TRUE ));
	return CFrameWnd::OnCreateClient(lpcs, pContext);
}
BOOL CCustomFrame::LoadFrame(UINT nIDResource, DWORD dwDefaultStyle , 
			CWnd* pParentWnd , CCreateContext* pContext)
{
	BOOL bRet = CFrameWnd::LoadFrame
		(nIDResource, dwDefaultStyle, pParentWnd, pContext);
	if(bRet)
	{
	    //Remove the titlebar from the frame using the ModifyStyle
		ModifyStyle(WS_CAPTION, WS_CLIPCHILDREN);
	    //Remove the border
		ModifyStyleEx(WS_EX_CLIENTEDGE,0);
	}
	return true;
}

As above, we can override the functions OnCreateClient and LoadFrame to modify the window.

Next since we remove the borders and title bar, we can use the basic events to capture the actions which now the borderless window cannot. For this, we can use...

afx_msg void OnLButtonDown(UINT nFlags, CPoint point) 

... and capture the default message processing. Based on the region clicked, we can let the window process different messages which will perform the tasks. To process the messages, DefWindowProc can be used.

if (r_windRects.r_Move.PtInRect(point)){
		DefWindowProc(WM_SYSCOMMAND, 
				SC_MOVE + 1 ,MAKELPARAM(point.x,point.y));
		return 0;
	}
	if (Val == -1)
		return 0;

	::SetCursor(AfxGetApp()->LoadStandardCursor(cursor));
	//Send the resize messages
	DefWindowProc(WM_SYSCOMMAND, SC_SIZE + Val ,MAKELPARAM(point.x ,point.y));
	return 0;

With this part of the code, resizing and moving operations are handled. Since it processes the resizing, now we can resize the window and clip it so that we can keep the basic shape we want.

void CCustomFrame::OnSize(UINT nType, int cx, int cy)
{
	CRect rect;
	GetClientRect(rect);
         //Detach the previous region
	m_CustomRgn.Detach();
	//Create and set the new region for the window!
	m_CustomRgn.CreateRoundRectRgn(rect.left + winStats.frm_clp_wdth,
		rect.top + winStats.frm_clp_wdth
		, rect.right- winStats.frm_clp_wdth,
		rect.bottom - winStats.frm_clp_wdth, 30, 30);

	SetWindowRgn(m_CustomRgn, TRUE);
	CFrameWnd::OnSize(nType, cx, cy);
}

Another thing to handle is the maximization and restoration of the frame. We can't use ShowWindow(SW_SHOWMAXIMIZED) since we already clipped some of the area from the window. So the below code is used for that:

int CCustomFrame::maximize(void)
{
	//The custom maximize function. 
	//This is needed since we clipped the frame and the border.
	CRect rect,rectD, rect1;
	GetClientRect(rect);
	GetWindowRect(m_PrevRect);
	//Get the screen size!
	int scrWidth  = GetSystemMetrics(SM_CXSCREEN);
	int scrHeight = GetSystemMetrics(SM_CYSCREEN);

	rect.right = scrWidth + winStats.frm_clp_wdth;
	rect.bottom = scrHeight + winStats.frm_clp_wdth;
	rect.left -= winStats.frm_clp_wdth;
	rect.top -= winStats.frm_clp_wdth;
	//Get the taskbar rect and set the bottom to taskbar rect top parameter
	CWnd* pTray = FindWindow(_T("Shell_TrayWnd"), _T(""));
	pTray->GetWindowRect(&rectD);
	rect.bottom = rectD.top + winStats.frm_clp_wdth;
	MoveWindow(rect);
	b_maximized = TRUE;
	return 0;
}

Points of Interest

The good part of doing this is that by handling some basic window actions and events, we can create the borders as we like. Since we paint the borders, they won't change prior to the Windows platform it runs (e.g.: XP or Vista). We can also use the CDialog class instead of CFrameWnd to create the custom window.

But the bad point is handling processing of many messages. Moreover, there can be small defects in drawing things like flickering. So this code might not have a commercial value, but it can be a good learning material!

History

  • 30th November, 2008: Initial version

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

PrasadPerera
Student
Canada Canada
Prasad Perera is a software developer who's interested in parallel and distributed computing and graphics programming!
 
Currently he is following his masters in Concordia University, Montreal.

Comments and Discussions

 
GeneralExcellent effort ! [modified] PinprofessionalPravinda Ama.18-Oct-13 19:08 
QuestionI Need to increase the width and height both are evenly. can you help me ? Pinmemberbalaji16730-Sep-13 23:49 
QuestionVery useful, bug free code. Thanks for sharing. 5/5. PinmemberMember 143041122-Oct-12 23:28 
Questionhere you're creating customised window but I want to know how to customise window which is already created ? Pinmemberchaiein15-Feb-12 20:34 
Questionplease help me how to customise window which is already created? [modified] Pinmemberchaiein15-Feb-12 20:32 
GeneralMy Vote of +5 PinmemberLaxmikant_Yadav18-Oct-11 3:06 
GeneralMy vote of 5 PinmemberHomero De la Garza7-Sep-11 4:58 
GeneralRe: My vote of 5 PinmemberPrasadPerera7-Sep-11 7:05 
GeneralSample with an SDI App PinmemberJRCooper18-Jun-10 14:40 
Hello,
 
I have been trying to get your CCustomFrame
class to work with a simple SDI application,
but I cannot get it to look right (it does
not look like your demo Frame application).
 
Do you have a sample application, that uses
a generic SDI application?
 
TIA,
-jc
GeneralRe: Sample with an SDI App PinmemberPrasadPerera19-Jun-10 10:47 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web01 | 2.8.141223.1 | Last Updated 1 Dec 2008
Article Copyright 2008 by PrasadPerera
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid