Round Edge Button

Question

3.71/5 (5 votes)

See more:

C++

MFC

Hello,

I do want to draw round edged button with gradient in back ground

Can anyone help me out?

Posted 2-Mar-10 1:00am

AJ83

Add a Solution

Comments

ManjIndian 9-Oct-12 9:43am

this one is also a single line question.... but seniors will answer for this... not for mine.. what a funny...................

20 solutions

Solution 51

No. it's not working for me.... any other idea?

Posted 3-Mar-10 1:03am

AJ83

Solution 53

Thanks......

Is there any way to make text appearance in button just above bottom border?

Posted 3-Mar-10 1:18am

AJ83

Solution 54

You can not draw something outside of lpDrawItemStruct->rcItem

but you could set a small surface region and a large text region
inside of of lpDrawItemStruct->rcItem :)

Posted 3-Mar-10 1:37am

Eugen Podsypalnikov

Solution 55

OK.....

One Question: I got everything which i wanted. But now when i am clicking button many times, it is flickering and sometimes some of its area color is appearing grey for very small period of time say in milliseconds.

Can we handle this type of flickering or appearance of grey color?

Posted 3-Mar-10 1:47am

AJ83

Updated 3-Mar-10 1:50am

v2

Solution 57

Eugen, If i am doing this, I am loosing my Gradient color and i am getting white color in whole button.

So any other idea?

Posted 3-Mar-10 2:55am

AJ83

Solution 58

The idea is already tested:
you should use a memory DC to draw there
and then - copy it to the buttons DC
that is protected with a clipping region :)

Please just copy the code, try it as is
and then modify it (font, ...)

Good luck :)

Posted 3-Mar-10 3:11am

Eugen Podsypalnikov

Solution 59

I have done exactly same as suggested by you. but i am getting all buttons with white color in background and it is not showing any text on the button.

Tomorrow, again i will check it and do let you know.

Thanks once again for all code which you have given to me.

Posted 3-Mar-10 3:18am

AJ83

Solution 60

Thanks for everything which you have provided to me. :)

Posted 3-Mar-10 19:28pm

AJ83

Solution 61

You are welcome :)

(Please implement your validations
of the used pointers and functions results, thank you)

Posted 3-Mar-10 19:38pm

Eugen Podsypalnikov

Solution 3

Here would be the init stage of a button :) :

CRect cRect;
m_cButton.GetWindowRect(cRect);
// CRgn m_cRgn;
m_cRgn.CreateRoundRectRgn(0, 0, cRect.Width(), cRect.Height(), 50, 50);
m_cButton.SetWindowRgn(m_cRgn, TRUE);

Now it is controlled by Windows in this edge.
Secondly, the m_cButton must draw
a gradient surface and a title in the same region :)

Posted 2-Mar-10 1:30am

Eugen Podsypalnikov

Updated 2-Mar-10 1:31am

v2

Solution 5

There are two stages :) :
- Setting of the buttons region (ON_WM_CREATE()/at CYourButton::OnCreate())
- Drawing inside the region (CYourButton::OnDrawItem(..))

Posted 2-Mar-10 1:40am

Eugen Podsypalnikov

Solution 7

No. You do not need to create the buttons explicitly
since they are coming from your resources :)

C++

BEGIN_MESSAGE_MAP(CYouButton, CButton)
    //{{AFX_MSG_MAP(CYourButton)
    ON_WM_CREATE()
...
    //}}AFX_MSG_MAP
END_MESSAGE_MAP()
  
int CYourButton::OnCreate(LPCREATESTRUCT lpcs)
{
  int iResult = CButton::OnCreate(lpcs);
  // Set the buttons region here
...
  return iResult;
}

Posted 2-Mar-10 1:52am

Eugen Podsypalnikov

Solution 9

Are you sure ? :)
I would use the parents exchange:

class CYourPane : public CBaseOfYourPane
{
  CYourButton m_cButton1;
  CYourButton m_cButton2;
...
};

C++

void CYourPane::DoDataExchange(CDataExchange* pDX)
{
  CBaseOfYourPane::DoDataExchange(pDX);
  // IDC_BUTTON1 is a "property" of the button in the resource view
  DDX_Control(pDX, IDC_BUTTON1, m_cButton1);
  // IDC_BUTTON2 is a "property" of the button in the resource view
  DDX_Control(pDX, IDC_BUTTON2, m_cButton2);
...
}

Posted 2-Mar-10 2:07am

Eugen Podsypalnikov

Solution 11

Please forget m_cButton :)

int CMyButton::OnCreate(LPCREATESTRUCT lpCreateStruct)
{
  if (CButton::OnCreate(lpCreateStruct) == -1)
    return -1;

  // We are created, now it is time to set our region :)
...
  this->SetWindowRegion(..); // or just SetWindowRegion(..)

  return 0;
}

Please do not modify the buttons IDs in the exchange function -
they must remain the same to "properties" of the buttons in the resource view :)

Posted 2-Mar-10 2:29am

Eugen Podsypalnikov

Solution 20

Very good :)

You could include the second button in the function
or reset its "Owner Draw" property to "False" :)

Posted 2-Mar-10 3:05am

Eugen Podsypalnikov

Solution 22

Please check
- The m_Btn1 is from the type CMyButton

- You have the ON_WM_CREATE(); macro in the message map of CMyButton

Posted 2-Mar-10 3:13am

Eugen Podsypalnikov

Solution 24

Please check
that the property "Owner Draw" is "True"

for the first button only (ID=IDC_BUTTON1) :)

Posted 2-Mar-10 3:20am

Eugen Podsypalnikov

Solution 4

Eugen, do i have to do all this in "DrawItem()"?

Posted 2-Mar-10 1:34am

AJ83

Solution 6

Eugen,

I having two buttons in my forms. in create(), it is asking for ID. Then i have to call create() for each button by supplying different ID.?

Posted 2-Mar-10 1:46am

AJ83

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

Eugen Podsypalnikov · Accepted Answer · 2010-03-03T01:11:00

Solution 52

It is working by me :) :

C++

lpDrawItemStruct->rcItem.top = (lpDrawItemStruct->rcItem.bottom -
                                lpDrawItemStruct->rcItem.top) /2;
strText = _T("this is a long\ntest text...");
pDC->DrawText(strText, &lpDrawItemStruct->rcItem, DT_CENTER|DT_WORDBREAK );

Posted 3-Mar-10 1:11am

Eugen Podsypalnikov