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

A Powerfull Ownerdraw Menu

, 23 Oct 2001
Rate this:
Please Sign up or sign in to vote.
An XP-style ownerdrawn menu with support for background images and icon shadow.
<!-- Download Links --> <!-- Article image -->

Sample Image - MenuXP.jpg Sample Image - MenuXP2.jpg Sample Image - MenuXP3.jpg

<!-- Add the rest of your HTML here -->

A fully featured owner-draw menu class

CMenuXP is a class derived from CMenu using ownerdraw technology. I named it MenuXP because I expected it to be like the menus found in Office XP and Windows XP, but I failed to accomplish it. The main difficulty that I had was converting the 3D border of the menu into a flat one, but I hope it is still useful to you.

I constructed the class from the Scribble sample application and some of the drawing code is copied from the CCoolMenuManager class. Additionally, I have also used a class named CBCGKeyHelper from BCGControlBar to show the accelerator key text.

Features:

1. Menu with icons, like in office 97
2. A sidebar in any level of the popup menu
3. Supports button-style menu items, such as is found in some drawing toolbars of the Microsoft Office suite
4. All colors, fonts and sizes can be customized

Introduction

An item in the menu is represented by the CMenuXPItem class. Some further classes are derived from it which provide convenient uses:-
CMenuXPText presents a normal menu item with text and an optional icon
CMenuXPSeparator presents a separator
CMenuXPSideBar presents a sidebar on the left of a popup menu
CMenuXPButton presents a button only menu item, which contains the icon only

Knowing this will help you to understand the code.

How to use as a popup menu:

1. Construct a CMenuXP instance
2. Call CreatePopupMenu
3. Add a sidebar using AddSideBar if needed
4. Add some menu items using AppendODMenu
5. If there is second level popup menu, construct it using steps 1 to 4 and add it to the current menu using AppendODPopup
6. Call TrackPopupMenu as normal

The example code would be like this:-

void CMenuXPAppView::OnContextMenu(CWnd* pWnd, CPoint point) 
{
	CMenuXP	*pMenu = new CMenuXP;
	pMenu->CreatePopupMenu();

	pMenu->AddSideBar(new CMenuXPSideBar(24, "MenuXP"));
	pMenu->AppendODMenu(0, new CMenuXPText(10, "First Item", 
                               AfxGetApp()->LoadIcon(IDI_ICON1)));
	pMenu->AppendODMenu(0, new CMenuXPText(11, "Second Item", 
                               AfxGetApp()->LoadIcon(IDI_ICON2)));
	pMenu->AppendODMenu(0, new CMenuXPText(12, "Another Item", 
                               AfxGetApp()->LoadIcon(IDI_ICON3)));
	pMenu->AppendODMenu(0, new CMenuXPText(13, "No Icon"));
	
	CMenuXP *pPopup = new CMenuXP;
	pPopup->CreatePopupMenu();
	pPopup->AppendODMenu(0, new CMenuXPButton(21, 
                                AfxGetApp()->LoadIcon(IDI_ICON4)));
	pPopup->AppendODMenu(0, new CMenuXPButton(22, 
                                AfxGetApp()->LoadIcon(IDI_ICON5)));
	pPopup->AppendODMenu(0, new CMenuXPButton(23, 
                                AfxGetApp()->LoadIcon(IDI_ICON6)));
	pPopup->Break();
	pPopup->AppendODMenu(0, new CMenuXPButton(24, 
                                AfxGetApp()->LoadIcon(IDI_ICON7)));
	pPopup->AppendODMenu(0, new CMenuXPButton(25, 
                                AfxGetApp()->LoadIcon(IDI_ICON8)));
	pPopup->AppendODMenu(0, new CMenuXPButton(26, 
                                AfxGetApp()->LoadIcon(IDI_ICON9)));
	pPopup->Break();
	pPopup->AppendODMenu(0, new CMenuXPButton(27, 
                                AfxGetApp()->LoadIcon(IDI_ICON10)));
	pPopup->AppendODMenu(0, new CMenuXPButton(28, 
                                AfxGetApp()->LoadIcon(IDI_ICON11)));
	pPopup->AppendODMenu(0, new CMenuXPButton(29, 
                                AfxGetApp()->LoadIcon(IDI_ICON12)));

	pMenu->AppendODPopup(0, pPopup, new CMenuXPText(0, "Popup", 
                                AfxGetApp()->LoadIcon(IDI_ICON1)));

	pMenu->TrackPopupMenu(TPM_LEFTBUTTON, point.x, point.y, this);

	delete pMenu;
}

The object constructed on the heap will be destroyed automatically, except for the toplevel popup menu which will need to be destroyed manually.

Remember to add the code below in the WM_MEASUREITEM handler of your parent window:-

void CMenuXPAppView::OnMeasureItem(int nIDCtl, LPMEASUREITEMSTRUCT lpMeasureItemStruct) 
{
	// TODO: Add your message handler code here and/or call default
	HMENU hMenu = AfxGetThreadState()->m_hTrackingMenu;
	CMenu	*pMenu = CMenu::FromHandle(hMenu);
	pMenu->MeasureItem(lpMeasureItemStruct);
	
	CView::OnMeasureItem(nIDCtl, lpMeasureItemStruct);
}

That's all, I hope this is useful to you. Bug reports and improvements are welcome.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

Share

About the Author

Neil Yao

China China
I'm a chinese programer living in Shanghai, currently working for a software company whose main business is to deliver computer based testing. Software simulation for computer based testing and certifications is my main responsibility in this company. Execpt for software development, I like out-door activities and photography. I am willing to make friends in China and all over the world, so contact me if you have anything in common with meSmile | :)

Comments and Discussions

 
Questionmenu created but menu itmes not displaying any text Pinmemberomkarpardeshi12327-Sep-12 1:46 
QuestionHere how I disable menu items Pinmemberbredator23-Aug-12 0:41 
Generalbug with background bitmaps Pinmembertonim17-Apr-10 0:07 
I tested your menu. There is a problem with the background bitmap. You put the bitmap on a memory DC in SetBackBackground():
 
::SelectObject(m_memDC.m_hDC, m_hBitmap);
 
Now, suppose that I had one bitmap in my application, I want it loaded as background on the menu and it pop-ups. However, when I call again SetBackBackground() from the popup it do not work:
 
CMenuXP *pPopup = new CMenuXP;
pPopup->CreatePopupMenu();
 
pPopup->SetSelectedBarColor(RGB(0x66, 0x99, 0xff));
pPopup->SetBackBitmap((HBITMAP)bmp.m_hObject()); - will not work
 
I do not see the bitmap on the popups background! I need to open one and the same bimap several times for each popup which is too unhandy.
 
The solution is to move the code ::SelectObject(m_memDC.m_hDC, m_hBitmap); in DrawItem() and to select/unselect the background bitmap ach time you draw menu item, something like that:
 
void CMenuXP::DrawItem( LPDRAWITEMSTRUCT lpds )
{
.................
HBITMAP hbmOld = NULL ;
if(m_hBitmap)
{
m_memDC.CreateCompatibleDC(&dc);
HBITMAP hbmOld = (HBITMAP)SelectObject(m_memDC.m_hDC, m_hBitmap);
if(lpds->itemID == 1000 || lpds->itemID == 1001 || lpds->itemID == 1002)
TRACE("Select: \n"
}
..................
if(m_hBitmap)
{
SelectObject(m_memDC.m_hDC, hbmOld);
// TRACE("Unselect\n");
m_memDC.DeleteDC();
}
 
dc.Detach();
}
 
I tested this and it works. It maybe needs a little optimization. Anyway I don't see reason why the bitmap should stay on the DC all the time.
tonim
 

Questionwhy these icons show only once?? Pinmemberguyuewuhua16-Sep-09 0:42 
GeneralExcellent work Pinmemberk77710-Mar-09 6:15 
Generalhi budbak!! PinmemberSreenivas00311-Oct-07 0:42 
Generalthis can not used as a popup menu for the woodtray PinmemberMember #25656674-Feb-07 21:35 
GeneralI found sth. like bug Pinmemberjiangfm8-Aug-06 19:00 
Questionhow to create a owned draw menu with xp style? Pinmembersting_lee5-Jul-06 23:03 
QuestionChanging Menu Font at run-time ??? Pinmemberana_v1235-Apr-06 22:29 
GeneralNot owner-drawn when built on w2K/AS with VC6 PinmemberAceWizardly7-Jul-05 3:12 
QuestionHow to disable popUp menu items? PinmemberMunazzahNawaz12-Apr-05 11:06 
GeneralSize not calculated for popup items Pinmembernaveed21-Oct-04 10:44 
GeneralAdditionnal features Pinmemberasenechal26-Apr-04 5:33 
GeneralWeird behavior on NT 4 Pinmemberasenechal26-Apr-04 5:29 
GeneralRe: Weird behavior on NT 4 PinmemberYao Zhifeng26-Apr-04 17:08 
GeneralConversion to Active X Pinmemberhprahul24-Mar-04 20:42 
GeneralRe: Conversion to Active X PinmemberYao Zhifeng24-Mar-04 22:48 
GeneralRe: Conversion to Active X Pinmemberhprahul25-Mar-04 5:23 
GeneralXP colored side bar Pinmemberwebteca21-Aug-03 5:53 
GeneralXP icon colors: only 256 Pinmemberwebteca20-Aug-03 5:02 
GeneralRe: XP icon colors: only 256 PinmemberYao Zhifeng20-Aug-03 16:01 
GeneralSideBar Pinsusstrudy_la_fee20-Aug-03 3:47 
GeneralRe: SideBar PinmemberYao Zhifeng20-Aug-03 15:55 
GeneralMeasure Item Pinsusstrudy_la_fee18-Aug-03 4:24 

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
Web04 | 2.8.1411028.1 | Last Updated 24 Oct 2001
Article Copyright 2001 by Neil Yao
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid