Round Edge Button

Question

3.88/5 (6 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 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 60

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

Posted 3-Mar-10 19:28pm

AJ83

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 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 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 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 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 53

Thanks......

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

Posted 3-Mar-10 1:18am

AJ83

Solution 51

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

Posted 3-Mar-10 1:03am

AJ83

Solution 50

You could change the rectangle of the text instead,
for example - offset it down :)

Use the description[^] and the flag DT_WORDBREAK
to process a multiline output :)

Posted 3-Mar-10 0:48am

Eugen Podsypalnikov

Solution 49

I did this already. I do want Button name say "Computer Data". But this is coming very close to bottom border and name is not looking good.

I do want little bit up from bottom border so that it will look good in appearance.

Try with this Font:

MIDL

m_ptrFont  = new CFont();
m_ptrFont->CreateFont(16, 0, 0, 0, FW_BOLD, FALSE, FALSE, 0, ANSI_CHARSET, OUT_DEFAULT_PRECIS, CLIP_DEFAULT_PRECIS,
                                            DEFAULT_QUALITY, DEFAULT_PITCH | FF_SWISS, "Arial");

And i also want Multiline property TRUE.

Posted 3-Mar-10 0:38am

AJ83

Solution 48

You should remove the DT_VCENTER flag :)

Posted 3-Mar-10 0:30am

Eugen Podsypalnikov

Solution 47

Thanks....

How to make Text align in bottom but in center?

I am trying this:

pDC->DrawText(strText, &lpDrawItemStruct->rcItem, DT_SINGLELINE|DT_VCENTER|DT_CENTER|DT_BOTTOM);

But text is going at top. I have also tried different combinations. but did not get thru. And i do want with Multiline property true.

Any Suggestion?

Posted 3-Mar-10 0:19am

AJ83

Updated 3-Mar-10 0:26am

v2

Solution 45

Control is not coming in "OnDrawItem()".

here's my code:

void CRoundColoredButton::PreSubclassWindow()
{
	// TODO: Add your specialized code here and/or call the base class
	CButton::PreSubclassWindow();
	CRect cRect;
	GetWindowRect(cRect);
	m_cRgn.CreateRoundRectRgn(0, 0, cRect.Width(), cRect.Height(), 100, 100);
	SetWindowRgn(m_cRgn, TRUE);
	m_cFont.CreatePointFont(5, "Arial Black");
}

void CRoundColoredButton::OnDrawItem(int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct)
{
	// TODO: Add your message handler code here and/or call default
	CString strText;
	GetWindowText(strText);
	CButton::OnDrawItem(nIDCtl, lpDrawItemStruct);
	CDC* pDC = new CDC();
	CGdiObject* pOldFont = pDC->SelectObject(&m_cFont);
	pDC->DrawText(strText, &lpDrawItemStruct->rcItem, DT_SINGLELINE|DT_VCENTER|DT_CENTER);
	pDC->SelectObject(pOldFont);
}

Posted 2-Mar-10 23:34pm

AJ83

Solution 44

Of course, before you are drawing the text :)

CFont m_cFont could be created in CMyButton::PreSubclassWindow()

and then - used in CMyButton::OnDrawItem():

{
...
   CGdiObject* pcOldFont = pDC->SelectObject(&m_cFont);
   pcDC->DrawText(..);
   pDC->SelectObject(pcOldFont);
...
}

Posted 2-Mar-10 23:17pm

Eugen Podsypalnikov

Solution 43

Thanks again....

And again one more question: Do we have to set font in Drawitem() only?
Or in someother function.

I tried in DrawItem(), but did not get good result.

Any suggestion?

Posted 2-Mar-10 23:06pm

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-03T02:15:00

Yes :)

void CMyButton::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct)
{
  CDC* pDC0 = CDC::FromHandle(lpDrawItemStruct->hDC);
  int iCX = lpDrawItemStruct->rcItem.right;
  int iCY = lpDrawItemStruct->rcItem.bottom;

  CRgn cRgn1;
  cRgn1.CreateRoundRectRgn(0,
                           0,
                           lpDrawItemStruct->rcItem.right,
                           lpDrawItemStruct->rcItem.bottom,
                           50,
                           50);
  pDC0->SelectClipRgn(&cRgn1);
  
  CDC cMemDC;
  cMemDC.CreateCompatibleDC(pDC0);
  CDC* pDC = &cMemDC;
  
  CBitmap cBmp;
  cBmp.CreateCompatibleBitmap(pDC0, iCX, iCY);
  CGdiObject* pcOldBitmap = cMemDC.SelectObject(&cBmp);
  
  pDC->RoundRect(0,
                 0,
                 lpDrawItemStruct->rcItem.right,
                 lpDrawItemStruct->rcItem.bottom,
                 50,
                 50);
  pDC->FillSolidRect(&lpDrawItemStruct->rcItem, RGB(255, 255, 255));
  CRgn cRgn2;
  cRgn2.CreateRoundRectRgn(3,
                           3,
                           lpDrawItemStruct->rcItem.right-3,
                           lpDrawItemStruct->rcItem.bottom-3,
                           50,
                           50);
  pDC->SelectClipRgn(&cRgn2);
  int r2=19,g2=40,b2=85; //Any start color
  int r1=60,g1=88,b1=156; //Any stop color
  RECT rect = lpDrawItemStruct->rcItem;     //Store the Button rect to our local rect.
  for(int i=0;i<rect.bottom;i++)  {
    int r,g,b;
    r = r1 + (i * (r2-r1) / rect.bottom);
    g = g1 + (i * (g2-g1) / rect.bottom);
    b = b1 + (i * (b2-b1) / rect.bottom);
    pDC->FillSolidRect(0,i,rect.right,1,RGB(r,g,b));
  }
  CString strText;
  GetWindowText(strText);
  int iOldMode = pDC->SetBkMode(TRANSPARENT);
  COLORREF crOldColor = pDC->SetTextColor(RGB(255,255,255));
  if (lpDrawItemStruct->itemState & ODS_SELECTED) {
    lpDrawItemStruct->rcItem.top += 2;
    lpDrawItemStruct->rcItem.left += 2;
  }
  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 );
  pDC0->BitBlt(0, 0, iCX, iCY, pDC, 0, 0, SRCCOPY);
  
  pDC->SetTextColor(crOldColor);
  pDC->SetBkMode(iOldMode);
  pDC->SelectObject(pcOldBitmap);
  pDC->DeleteDC();
  pDC0->SelectClipRgn(NULL);
}

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

Eugen Podsypalnikov · Accepted Answer · 2010-03-02T23:43:00

Solution 46

Sorry :)

The usage of m_cFont must be placed in to the CRoundColoredButton::DrawItem(..)

(we do not need OnDrawItem :) )

Posted 2-Mar-10 23:43pm

Eugen Podsypalnikov

Eugen Podsypalnikov · Accepted Answer · 2010-03-02T22:37:00

Solution 42

Please implement the same function of CMyButton :) :

C++

BOOL CMyButton::OnEraseBkgnd(CDC* pDC)
{
  return true;
}

Posted 2-Mar-10 22:37pm

Eugen Podsypalnikov

v2

Round Edge Button

20 solutions

Solution 61

Solution 60

Solution 59

Solution 58

Solution 57

Solution 56

Solution 55

Solution 54

Solution 53

Solution 52

Solution 51

Solution 50

Solution 49

Solution 48

Solution 47

Solution 46

Solution 45

Solution 44

Solution 43

Solution 42

Add your solution here

Preview 0

Existing Members

...or Join us