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

Transparant Image Button (BMP, GIF, JPG...)

, 31 Oct 2004
Rate this:
Please Sign up or sign in to vote.
Using transparant image button~!

Sample Image - CKbcButton.jpg


*I'm not good at English, but if you can understand my story, isn't that enough? Smile | :)

When I made this application, especially as dialog based, a lot of buttons were used. Buttons are very important things in my situation. So I decided to make an Image button source.

As you know, there are many sources for image buttons. I think it's useless work making another image button. But those image buttons have a small problem.

intro - a small problem

In this image, button's background hides the parent's background. That's not what I want. So I am going to handle this problem.

Using the code

There are two ways using this button. First of all, include the following files to your project:

  • KbcBmp.h,
  • KbcBmp.cpp,
  • KbcButton.h,
  • KbcButton.cpp,
  • Picture.h,
  • Picture.cpp

Then, let's start~!

  1. Using DDX_Control
    1. Include "KbcButton.h" in header file.
    2. Declare a CKbcButton variable in header file.
    3. Go to dialog resource and draw a button. Check 'Onwer draw' style.
    4. Use DDX_Control like this in CPP file: DDX_Control(pDX, IDC_PLAYBUTTON, m_btnPlay);
    5. Then set button's image by calling SetButtonImage() function.
      // In your header file
      #include "KbcButton.h"
      class CTestButtonDlg : public CDialog
           CKbcButton  m_btnPlay;
      // in you cpp file
      void CTestButtonDlg::DoDataExchange(CDataExchange* pDX)
           DDX_Control(pDX, IDC_PLAYBUTTON, m_btnPlay);
      BOOL CTestButtonDlg::OnInitDialog()
           // set button image..
  2. Using new operation
    1. Include "KbcButton.h" in header file.
    2. Declare a CKbcButton* variable in header file.
    3. Create CKbcButton instance by using new operator.
    4. Call Create() function.
    5. Then set button's image by calling SetButtonImage() function.
      // In your header file
      #include "KbcButton.h"
      class CTestButtonDlg : public CDialog
           CKbcButton*  m_pButton;
      // in you cpp file
      BOOL CTestButtonDlg::OnInitDialog()
           // create button and set button image..
           CRect rtButton;
           CWnd* pWnd = GetDlgItem(IDC_STATIC_SHOW);
           m_pButton = new CKbcButton;
           m_pButton->Create("CKbcButton", WS_CHILD|WS_VISIBLE|BS_OWNERDRAW, 
                                 rtButton, this, NEWBUTTON);

That's all. Isn't it simple?

Make sure that you set 'Owner draw style' to a button.


Thanks to Dr. Yovav Gad (CPicture's author) and The Code Project. Smile | :) I learned a lot of things from this site.


  • Ver 1.0 (11/01/2004)
    • Used CPicture class supporting JPG, GIF...
    • Fixed cursor problem.


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


About the Author

ByeongChan Gwak
Web Developer
Korea (Republic Of) Korea (Republic Of)
student of Pohang University of Science and Technology.

Comments and Discussions

GeneralUnicode PinmemberSunny12702-Jan-11 5:43 
Questiongif????????????? Pinmemberbatsword8-Sep-10 16:41 
GeneralToolTip does not appear PinmemberMohamadElHajj27-Mar-09 8:19 
QuestionTransparancy doesn't work on CDHtmlDialog ? Pinmemberlambertwm10-Apr-08 22:10 
Generaloh,very very good!!! Pinmemberwsb_82246-Jun-07 0:29 
GeneralRe: oh,very very good!!! Pinmemberlogi00116-Dec-09 1:29 
GeneralRe: oh,very very good!!! Pinmemberbatsword8-Sep-10 16:35 
GeneralZqrTalent PinmemberZaqro20-Mar-07 9:19 
Generala note when using VS2005 Pinmemberrincle30-May-06 0:44 
QuestionHow to hide the white line on the button circle Pinmemberliaohaizhou11-Apr-06 20:00 
AnswerRe: How to hide the white line on the button circle Pinmemberywlee05212-May-06 9:41 
Generalvery good ,but how to use Resource 'bmp Pinmemberxnetec13-Dec-05 6:38 
GeneralRe: very good ,but how to use Resource 'bmp Pinmembervbachmut10-Feb-06 8:27 
GeneralVery good PinmemberEinst13-Oct-05 0:17 
GeneralRe: Very good Pinmemberkbckbc15-Oct-05 21:13 
GeneralRe: Very good PinmemberEinst30-Oct-05 23:00 
GeneralNice, but half done PinmemberAliRafiee18-Jul-05 11:07 
GeneralRe: Nice, but half done Pinmemberkbckbc15-Oct-05 21:09 
GeneralRe: Nice, but half done PinmemberXia Xiongjun4-Sep-06 14:35 
General"Unsupported operation" error PinmemberAnarchi22-Apr-05 1:52 
GeneralRe: "Unsupported operation" error PinmemberMohamed_Bakr22-May-06 0:21 
AnswerRe: "Unsupported operation" error PinmemberDennisMattingly10-May-07 5:51 
GeneralRe: "Unsupported operation" error Pinmemberzorrothefox29-Nov-07 0:15 
GeneralRe: "Unsupported operation" error PinmemberDennisMattingly29-Nov-07 4:38 
Generalit's miracle!! this is only thing to want. Pinmemberreinkorea31-Oct-04 15:08 

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
Web03 | 2.8.150123.1 | Last Updated 31 Oct 2004
Article Copyright 2004 by ByeongChan Gwak
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid