Click here to Skip to main content
15,887,485 members
Articles / Desktop Programming / MFC
Article

CCustomBitmapButton - MFC Bitmap Button

Rate me:
Please Sign up or sign in to vote.
4.69/5 (25 votes)
17 Sep 20046 min read 314.7K   9.8K   98   53
An owner-draw bitmap button and a frame for the caption bar, in one class.

Sample Image - CustomBitmapButtonDemo.jpg

Introduction

CCustomBitmapButton is an MFC control derived from the CWnd class. The button has two parts: a background and a foreground. If the operating system is WinXP and XP Themes are enabled, the background is a bitmap loaded from the current active theme resource file (I use a similar technique to draw the scroll buttons in the CCustomTabCtrl control), otherwise the "DrawFrameControl" function is used to draw the button background. The foreground is a user defined monochrome bitmap (glyph) drawn transparently on the button background.

Supported features:

  • Standard or XP Themes view
  • 12 predefined background styles
  • User defined foregrounds (bitmap glyphs)
  • Button states supported: "NORMAL", "HOT", "PRESSED" and "DISABLED"
  • Buttons can be created in the caption bar area
  • Dialog, SDI, and MDI support for the caption buttons
  • Flicker-free drawing
  • Built-in tooltips

Using the code

To integrate the CCustomBitmapButton class into your application as a caption frame, please follow the steps below:

  1. Add ThemeUtil.h, ThemeUtil.cpp, CustomBitmapButton.h, CustomBitmapButton.cpp, Tmschema.h and Schemadef.h to your project.
  2. Include CustomBitmapButton.h to the appropriate header file - usually dialog class header where class CCustomBitmapButton is used.
    //  CustomBitmapButtonDemoDlg.h : header file
        #include "CustomBitmapButton.h"
  3. Declare m_ctrlCaptionFrame object of type CCustomBitmapButton in your dialog header.

    //  CustomBitmapButtonDemoDlg.h : header file
        class CCustomBitmapButtonDemoDlg : CDialog
        {
            ......
        private:
            CCustomBitmapButton m_ctrlCaptionFrame;
        };
  4. Create the caption frame.

    In your dialog's OnInitDialog, add the following code:

    //  CustomBitmapButtonDemoDlg.cpp : definition file
        m_ctrlCaptionFrame.CreateCaptionFrame(this,IDR_MAINFRAME);
  5. After creating the caption frame, add as many buttons as you need.

    To add caption buttons, call AddCaptionButton in your dialog's OnInitDialog:

    //  CustomCaptionButtonDemoDlg.cpp : definition file
        m_ctrlCaptionFrame.AddCaptionButton(CRect(0,0,0,0),1, 
                                    CBNBKGNDSTYLE_CLOSE, FALSE);
        m_ctrlCaptionFrame.AddCaptionButton(CRect(0,0,150,0),2, 
                                   CBNBKGNDSTYLE_CAPTION, TRUE);
        CCustomBitmapButton* pBn1 = m_ctrlCaptionFrame.GetCaptionButtonPtr(1);
        if(pBn1)
        {
            CBitmap bmpGlyph1;
            bmpGlyph1.LoadBitmap(IDB_GLYPH1);
            pBn1->SetGlyphBitmap(bmpGlyph1);
            pBn1->SetTooltipText(_T("Double click to close the window, 
                                Right click to display the popup menu"));
        }
        CCustomBitmapButton* pBn2 = m_ctrlCaptionFrame.GetCaptionButtonPtr(2);
        if(pBn2)
        {
            CBitmap bmpGlyph2;
            bmpGlyph2.LoadBitmap(IDB_GLYPH2);
            pBn2->SetGlyphBitmap(bmpGlyph2);
            pBn2->SetTooltipText(_T("Articles by Andrzej Markowski"));
        }
  6. Process WM_NOTIFY messages from the caption buttons in your dialog class. As users click a button, the button sends notification messages (NM_CLICK, NM_RCLICK, NM_DBLCLK, NM_RDBLCLK) to its parent window. Handle these messages if you want to do something in response.

    //  CustomBitmapButtonDemoDlg.cpp : definition file
        BEGIN_MESSAGE_MAP(CCustomBitmapButtonDemoDlg, CDialog)
        //{{AFX_MSG_MAP(CCustomBitmapButtonDemoDlg)
        ON_NOTIFY(NM_DBLCLK, 1, OnBnDblClickedCaptionbn1)
        ON_NOTIFY(NM_RCLICK, 1, OnBnRClickedCaptionbn1)
        ON_NOTIFY(NM_CLICK, 2, OnBnClickedCaptionbn2)
        //}}AFX_MSG_MAP
        END_MESSAGE_MAP()
        ....
        void CCustomBitmapButtonDemoDlg::OnBnDblClickedCaptionbn1
                           (NMHDR * pNotifyStruct, LRESULT * result)
        {
        CPoint pt;
        ::GetCursorPos(&pt);
        PostMessage(WM_SYSCOMMAND,SC_CLOSE,MAKEWORD(pt.x,pt.y));
        }
        ....
  7. Don't forget to destroy the caption frame, otherwise you will have memory leaks.
    //  CustomBitmapButtonDemoDlg.cpp : definition file
        
        void CCustomBitmapButtonDemoDlg::OnDestroy() 
        {
        m_ctrlCaptionFrame.DestroyCaptionFrame();
        CDialog::OnDestroy();
        }

CCustomBitmapButton class members

Construction/Destruction

CCustomBitmapButtonConstructs a CCustomBitmapButton object.
CreateCreates a bitmap button and attaches it to an instance of a CCustomBitmapButton object.
CreateCaptionFrameCreates a caption frame.
DestroyCaptionFrameDestroys a caption frame.

Attributes

GetCaptionButtonPtrRetrieves the pointer to the caption button.
SetTooltipTextChanges the tooltip text of a button.
GetBkStyleRetrieves information about the button control background style.
SetBkStyleChanges the background style of a button.
GetGlyphBitmapRetrieves the handle of the glyph bitmap previously set with SetGlyphBitmap.
SetGlyphBitmapSpecifies a glyph bitmap to be displayed on the button.
EnableWindowEnables or disables the button.

Operations

AddCaptionButtonInserts a new button in a caption bar.

CCustomBitmapButton::CCustomBitmapButton

CCustomBitmapButton( );

Remarks

Call this function to construct a CCustomBitmapButton object.

CCustomBitmapButton::Create

BOOL Create( DWORD dwStyle, const RECT& rect, CWnd* pParentWnd, UINT nID );

Return Value

TRUE if initialization of the object was successful, otherwise FALSE.

Parameters

  • dwStyle - Specifies the button style.
  • rect - Specifies the button size and position. It can be either a CRect object or a RECT structure.
  • pParentWnd - Specifies the button parent window.
  • nID - Specifies the button ID.

Remarks

Creates a bitmap button and attaches it to an instance of a CCustomBitmapButton object.

CCustomBitmapButton::CreateCaptionFrame

int CreateCaptionFrame( CWnd* pCaptionWnd, int nIDIcon );

Return Value

CBNERRR_NOERROR if successful, otherwise CBNERRR_ERRORCODE.

Parameters

  • pCaptionWnd - Specifies the caption bar owner window.
  • nIDIcon - Specifies the caption icon resource ID.

Remarks

Creates a caption frame.

CCustomBitmapButton::DestroyCaptionFrame

int DestroyCaptionFrame();

Return Value

CBNERRR_NOERROR if successful, otherwise CBNERRR_ERRORCODE.

Remarks

Destroys a caption frame.

CCustomBitmapButton::GetCaptionButtonPtr

CCustomBitmapButton* GetCaptionButtonPtr( int nButtonID ) const;

Return Value

Pointer to the CCustomBitmapButton object if successful, otherwise NULL.

Parameters

  • nButtonID - The ID of the caption button.

Remarks

Call this function to retrieve the pointer to the caption button.

CCustomBitmapButton::SetTooltipText

int SetTooltipText( CString sText );

Return Value

CBNERRR_NOERROR if successful, otherwise CBNERRR_ERRORCODE.

Parameters

  • sText - Pointer to a string object that contains the new tooltip text.

Remarks

This function changes the tooltip text of a button.

CCustomBitmapButton::GetBkStyle

int GetBkStyle();

Return Value

Returns the button background style for this CCustomBitmapButton object.

Remarks

Call this function to retrieve information about the button control background style.

CCustomBitmapButton::SetBkStyle

int SetBkStyle( int nBkStyle );

Return Value

CBNERRR_NOERROR if successful, otherwise CBNERRR_ERRORCODE.

Parameters

nBkStyle - Specifies the button background style.

Supported background styles:

  • CBNBKGNDSTYLE_CAPTION - frame buttons
  • CBNBKGNDSTYLE_CLOSE
  • CBNBKGNDSTYLE_MDI
  • CBNBKGNDSTYLE_COMBO - combobox dropdown button
  • CBNBKGNDSTYLE_SPINUP - spin buttons
  • CBNBKGNDSTYLE_SPINDN
  • CBNBKGNDSTYLE_SPINUPHOR
  • CBNBKGNDSTYLE_SPINDNHOR
  • CBNBKGNDSTYLE_SCROLLUP - scrollbar buttons
  • CBNBKGNDSTYLE_SCROLLDOWN
  • CBNBKGNDSTYLE_SCROLLLEFT
  • CBNBKGNDSTYLE_SCROLLRIGHT

Remarks

Changes the background style of a button.

CCustomBitmapButton::GetGlyphBitmap

HBITMAP GetGlyphBitmap();

Return Value

A handle to a bitmap. NULL if no bitmap is previously specified.

Remarks

Call this member function to get the handle of a glyph bitmap that is associated with a button.

CCustomBitmapButton::SetGlyphBitmap

int SetGlyphBitmap( HBITMAP hBmpGlyph );

Return Value

CBNERRR_NOERROR if successful, otherwise CBNERRR_ERRORCODE.

Parameters

  • hBmpGlyph - The handle of a bitmap.

Remarks

Call this member function to associate a new glyph bitmap with the button.

CCustomBitmapButton::EnableWindow

int EnableWindow( BOOL bEnable = TRUE);

Return Value

CBNERRR_NOERROR if successful, otherwise CBNERRR_ERRORCODE.

Parameters

  • bEnable - Specifies whether the given window is to be enabled or disabled. If this parameter is TRUE, the window will be enabled. If this parameter is FALSE, the window will be disabled.

Remarks

Call this function to enable or disable a button control.

CCustomBitmapButton::AddCaptionButton

int AddCaptionButton( LPCRECT lpRect, UINT nID, int nBkStyle, BOOL fUserDefWidth );

Return Value

CBNERRR_NOERROR if successful, otherwise CBNERRR_ERRORCODE.

Parameters

  • lpRect - Specifies the button width if fUserDefWidth is true, otherwise ignored.
  • nID - Specifies the button ID.
  • nBkStyle - Specifies the button background style.
  • fUserDefWidth - If TRUE - user defined button width.

Remarks

Call this function to insert a new button in an existing caption bar.

Notification Messages

The following notification codes are supported by the button control:

  • NM_CLICK - User clicked left mouse button in the control.
  • NM_RCLICK - User clicked right mouse button in the control.
  • NM_DBLCLK - User double clicked left mouse button in the control.
  • NM_RDBLCLK - User double clicked right mouse button in the control.

Error Codes

The following errors can be returned by the button control functions:

  • CBNERRR_NOERROR - Operation successful.
  • CBNERR_OUTOFMEMORY - Function call failed because there was not enough memory available.
  • CBNERR_INCORRECTPARAMETER - Function call failed because an incorrect function parameter was specified.
  • CBNERR_INCORRECTBUTTONSTYLE - Function call failed because an incorrect button style was specified.
  • CBNERR_INCORRECTFRAMESTYLE - Function call failed because the WS_CAPTION style was not specified.
  • CBNERR_INCORRECTFUNCCALL - Incorrect function call (for example: ob.SetTooltipText(...) where ob is an instance of the caption frame object).
  • CBNERR_CREATEBUTTONFAILED - Function call failed because creation of the button control failed.
  • CBNERR_CREATETOOLTIPCTRLFAILED - Function call failed because creation of the tooltip control failed.
  • CBNERR_COPYIMAGEFAILED - Function call failed because copying of the glyph image failed.
  • CBNERR_SETWINDOWLONGFAILED - Call to the function SetWindowLong failed.
  • CBNERR_FRAMEALREADYCREATED - Function call failed because the caption frame was already created.
  • CBNERR_FRAMENOTCREATED - Function call failed because the caption frame was not created.

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


Written By
Software Developer (Senior)
United States United States
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
GeneralBug found. Pin
rrrado7-Mar-05 2:32
rrrado7-Mar-05 2:32 
It seems that you're handling some messages in your windowproc.
When you select for example w: edit box in your demo app,
then switch to another application and then switch back to demo,
the focus is lost.
I have the same problem in my application.
I've tried to use this :
...
   case WM_ACTIVATE:
    ....
   return ::CallWindowProc(p->m_pOldWndProc, hWnd, message, wParam, lParam);	// <- notify also parent

   ...


it helped, but I don't know whether something else is broken now.

Also when I add the button to my dialog APP, the dialog's menu is initially
drawn with gray color until I move the window off the screen and back which will redraw the menu. I'll try to figure this out


rrrado
GeneralXP-Theme Pin
jung-kreidler26-Nov-04 2:27
jung-kreidler26-Nov-04 2:27 
GeneralRe: XP-Theme Pin
Andrzej Markowski26-Nov-04 11:23
Andrzej Markowski26-Nov-04 11:23 
GeneralRe: XP-Theme Pin
jung-kreidler28-Nov-04 21:36
jung-kreidler28-Nov-04 21:36 
GeneralButton animation lost Pin
jung-kreidler21-Nov-04 21:19
jung-kreidler21-Nov-04 21:19 
GeneralRe: Button animation lost Pin
Andrzej Markowski23-Nov-04 16:28
Andrzej Markowski23-Nov-04 16:28 
GeneralRe: Button animation lost Pin
jung-kreidler23-Nov-04 20:58
jung-kreidler23-Nov-04 20:58 
GeneralRe: Button animation lost Pin
Andrzej Markowski24-Nov-04 12:46
Andrzej Markowski24-Nov-04 12:46 
GeneralRe: Button animation lost Pin
jung-kreidler24-Nov-04 20:57
jung-kreidler24-Nov-04 20:57 
GeneralCaption text Pin
jung-kreidler19-Nov-04 1:01
jung-kreidler19-Nov-04 1:01 
QuestionHow to draw &gt;=4-bit bitmap on the button transparently? Pin
eagleboost22-Sep-04 7:04
eagleboost22-Sep-04 7:04 
AnswerRe: How to draw &gt;=4-bit bitmap on the button transparently? Pin
Andrzej Markowski22-Sep-04 22:20
Andrzej Markowski22-Sep-04 22:20 
GeneralRe: How to draw &gt;=4-bit bitmap on the button transparently? Pin
eagleboost26-Sep-04 7:22
eagleboost26-Sep-04 7:22 
GeneralRe: How to draw &gt;=4-bit bitmap on the button transparently? Pin
Andrzej Markowski28-Sep-04 18:31
Andrzej Markowski28-Sep-04 18:31 
GeneralRe: How to draw &gt;=4-bit bitmap on the button transparently? Pin
eagleboost30-Sep-04 9:48
eagleboost30-Sep-04 9:48 
GeneralRe: How to draw >=4-bit bitmap on the button transparently? Pin
Andrzej Markowski1-Oct-04 16:03
Andrzej Markowski1-Oct-04 16:03 
GeneralRe: How to draw &gt;=4-bit bitmap on the button transparently? Pin
eagleboost8-Oct-04 23:17
eagleboost8-Oct-04 23:17 
GeneralVery Good Article Pin
uesak19-Sep-04 16:36
uesak19-Sep-04 16:36 
GeneralRe: Very Good Article Pin
Andrzej Markowski19-Sep-04 18:08
Andrzej Markowski19-Sep-04 18:08 
GeneralRe: Very Good Article Pin
Orkblutt2-Jan-06 8:45
Orkblutt2-Jan-06 8:45 
QuestionCould you explain? Pin
WREY19-Sep-04 2:12
WREY19-Sep-04 2:12 
AnswerRe: Could you explain? Pin
Andrzej Markowski19-Sep-04 12:55
Andrzej Markowski19-Sep-04 12:55 
GeneralRe: Could you explain? Pin
.dan.g.19-Sep-04 16:56
professional.dan.g.19-Sep-04 16:56 
GeneralRe: Could you explain? Pin
Andrzej Markowski19-Sep-04 18:10
Andrzej Markowski19-Sep-04 18:10 
GeneralRe: Could you explain? Pin
WREY19-Sep-04 23:44
WREY19-Sep-04 23:44 

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

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