shape of push button

[Seema Rao]

How to set the shape of push button /tool button. ? say to oval or round shape

Thanks in advance

[wysota]

Subclass and reimplement the paint event.

[Brandybuck]

Another way is to write a new QStyle that styles only pushbuttons, and set set that style for the pushbuttons in question.

[georgie]

this is the way that I chose to subclass my buttons to get them to look like little green round "electrodes" in an electrode array

void ElectrodeButton::paintEvent(QPaintEvent* event)
{
  QPainter painter(this);
  painter.setRenderHint(QPainter::Antialiasing);
 
  QRadialGradient grad(15, 15, 15, 0, 0);
 
  grad.setColorAt(0.0, Qt::white);
  grad.setColorAt(0.1, Qt::green);
  grad.setColorAt(0.7, Qt::black);
  QBrush brush(grad);
  painter.setBrush(brush);
  painter.drawEllipse(2,2,20,20);
}

void ElectrodeButton::paintEvent(QPaintEvent* event)
{
  QPainter painter(this);
  painter.setRenderHint(QPainter::Antialiasing);

  QRadialGradient grad(15, 15, 15, 0, 0);

  grad.setColorAt(0.0, Qt::white);
  grad.setColorAt(0.1, Qt::green);
  grad.setColorAt(0.7, Qt::black);
  QBrush brush(grad);
  painter.setBrush(brush);
  painter.drawEllipse(2,2,20,20);
}

To copy to clipboard, switch view to plain text mode 

ElectrodeButton is a subclass of QPushButton

[MarkoSan]

Is it possible to adapt button shape dynamically according to loaded icon? What I want to achieve is when button icon is loaded, it's size and shape is reset to size and shape of overlaping icon. How do I do it?

[wysota]

It might be simplest to reimplement the paintEvent from the button. An alternative is to create a custom widget and provide an icon setting method that will also change the mask of the widget.

[MarkoSan]

Ok, but how do I extract icon shape? For size, I can use QIcon::actualSize?

[wysota]

QPixmap::createHeuristicMask().

[MarkoSan]

Can you provide me with simple example, please?

[wysota]

An example of what? Calling createHeuristicMask?

[MarkoSan]

I did not get to step where I will use Calling createHeuristicMask yet. Right now, I have a big pixmap on disk (512x512) an when I set it in QPushButton it is so tiny it can be barely seen. I would like to resize it. How do I do that? I trided rescled, does not work. I tried to put some huge text near this pixmap in button, text is shown ok, pixmap is still tiny.

Shit, I've mixed up threads. I've posted new thread regarding how to resize icon in subclassed qpushbutton. Can you move it?

[MarkoSan]

An example of what? Calling createHeuristicMask?

Yes, how is heuristic mask used, becuase I have no idea how to adept push button shape to loaded pixmap.

[wysota]

It returns a mask which you should then pass to QWidget::setMask.

[MarkoSan]

Well, this is what I've done:

CFlagButton::CFlagButton(QWidget* pParent, const QString flagPicture)
{
    // sets up button font
    m_ButtonFont.setFamily("1942 Report");    // sets font name
    m_ButtonFont.setPointSize(36);    // sets font size
    m_ButtonFont.setBold(true);    // sets bold on
    this->setFont(m_ButtonFont);    // sets font
    // sets button palette (background and text color)
    this->setAutoFillBackground(true);    // sets auto fill background feature
    m_ButtonPalette=this->palette();    // reads current palette
    m_ButtonPalette.setColor(QPalette::Button, Qt::black);    // sets up new palette componenet
    m_ButtonPalette.setColor(QPalette::ButtonText, Qt::white);    // sets up new palette componenet
    this->setPalette(m_ButtonPalette);    // sets modfied palette
    this->setFocusPolicy(Qt::NoFocus);    // disables focus
    m_ButtonIcon.load(flagPicture);    // creates new icon based on icon
/*
    m_ButtonIcon.scaled(256, 256,
                        Qt::KeepAspectRatioByExpanding,
                        Qt::SmoothTransformation);    // tries to resize icon
*/
    setIcon(m_ButtonIcon);    // sets icon
    setMask(m_ButtonIcon.createHeuristicMask());    // sets mask
}

CFlagButton::CFlagButton(QWidget* pParent, const QString flagPicture)
{
    // sets up button font
    m_ButtonFont.setFamily("1942 Report");    // sets font name
    m_ButtonFont.setPointSize(36);    // sets font size
    m_ButtonFont.setBold(true);    // sets bold on
    this->setFont(m_ButtonFont);    // sets font
    // sets button palette (background and text color)
    this->setAutoFillBackground(true);    // sets auto fill background feature
    m_ButtonPalette=this->palette();    // reads current palette
    m_ButtonPalette.setColor(QPalette::Button, Qt::black);    // sets up new palette componenet
    m_ButtonPalette.setColor(QPalette::ButtonText, Qt::white);    // sets up new palette componenet
    this->setPalette(m_ButtonPalette);    // sets modfied palette
    this->setFocusPolicy(Qt::NoFocus);    // disables focus
    m_ButtonIcon.load(flagPicture);    // creates new icon based on icon
/*
    m_ButtonIcon.scaled(256, 256,
                        Qt::KeepAspectRatioByExpanding,
                        Qt::SmoothTransformation);    // tries to resize icon
*/
    setIcon(m_ButtonIcon);    // sets icon
    setMask(m_ButtonIcon.createHeuristicMask());    // sets mask
}

To copy to clipboard, switch view to plain text mode 

And the buttons are not drawn at all, neither are icons in buttons.

[wysota]

Try reimplementing the paint event and draw the pixmap yourself if you can't handle this approach.

[MarkoSan]

Hmm, there is no need for insulting me that I am incompetent, but I am doing this thing for the first time and I am really lost.

[MarkoSan]

Whoa!!!

Now it workd perfectly!!!

Here is working code:

CFlagButton::CFlagButton(QWidget* pParent, const QString flagPicture)
{
    // sets up button font
    m_ButtonFont.setFamily("1942 Report");    // sets font name
    m_ButtonFont.setPointSize(36);    // sets font size
    m_ButtonFont.setBold(true);    // sets bold on
    this->setFont(m_ButtonFont);    // sets font
    // sets button palette (background and text color)
    this->setAutoFillBackground(true);    // sets auto fill background feature
    m_ButtonPalette=this->palette();    // reads current palette
    m_ButtonPalette.setColor(QPalette::Button, Qt::black);    // sets up new palette componenet
    m_ButtonPalette.setColor(QPalette::ButtonText, Qt::white);    // sets up new palette componenet
    this->setPalette(m_ButtonPalette);    // sets modfied palette
    this->setFocusPolicy(Qt::NoFocus);    // disables focus
    m_ButtonIcon.load(flagPicture);    // creates new icon based on icon
    setIcon(m_ButtonIcon);    // sets icon
    setIconSize(QSize(256, 256));    // sets icon size
    setMask(m_ButtonIcon.createHeuristicMask());    // sets mask
}

CFlagButton::CFlagButton(QWidget* pParent, const QString flagPicture)
{
    // sets up button font
    m_ButtonFont.setFamily("1942 Report");    // sets font name
    m_ButtonFont.setPointSize(36);    // sets font size
    m_ButtonFont.setBold(true);    // sets bold on
    this->setFont(m_ButtonFont);    // sets font
    // sets button palette (background and text color)
    this->setAutoFillBackground(true);    // sets auto fill background feature
    m_ButtonPalette=this->palette();    // reads current palette
    m_ButtonPalette.setColor(QPalette::Button, Qt::black);    // sets up new palette componenet
    m_ButtonPalette.setColor(QPalette::ButtonText, Qt::white);    // sets up new palette componenet
    this->setPalette(m_ButtonPalette);    // sets modfied palette
    this->setFocusPolicy(Qt::NoFocus);    // disables focus
    m_ButtonIcon.load(flagPicture);    // creates new icon based on icon
    setIcon(m_ButtonIcon);    // sets icon
    setIconSize(QSize(256, 256));    // sets icon size
    setMask(m_ButtonIcon.createHeuristicMask());    // sets mask
}

To copy to clipboard, switch view to plain text mode 

[wysota]

Hmm, there is no need for insulting me that I am incompetent, but I am doing this thing for the first time and I am really lost.

I didn't say anything like that. I just said that if you can't make something work, try a different approach.

[ashukla]

Dear MarkoSan!

Whoa!!!

Now it workd perfectly!!!

Here is working code:

CFlagButton::CFlagButton(QWidget* pParent, const QString flagPicture)
{
    // sets up button font
    m_ButtonFont.setFamily("1942 Report");    // sets font name
    m_ButtonFont.setPointSize(36);    // sets font size
    m_ButtonFont.setBold(true);    // sets bold on
    this->setFont(m_ButtonFont);    // sets font
    // sets button palette (background and text color)
    this->setAutoFillBackground(true);    // sets auto fill background feature
    m_ButtonPalette=this->palette();    // reads current palette
    m_ButtonPalette.setColor(QPalette::Button, Qt::black);    // sets up new palette componenet
    m_ButtonPalette.setColor(QPalette::ButtonText, Qt::white);    // sets up new palette componenet
    this->setPalette(m_ButtonPalette);    // sets modfied palette
    this->setFocusPolicy(Qt::NoFocus);    // disables focus
    m_ButtonIcon.load(flagPicture);    // creates new icon based on icon
    setIcon(m_ButtonIcon);    // sets icon
    setIconSize(QSize(256, 256));    // sets icon size
    setMask(m_ButtonIcon.createHeuristicMask());    // sets mask
}

CFlagButton::CFlagButton(QWidget* pParent, const QString flagPicture)
{
    // sets up button font
    m_ButtonFont.setFamily("1942 Report");    // sets font name
    m_ButtonFont.setPointSize(36);    // sets font size
    m_ButtonFont.setBold(true);    // sets bold on
    this->setFont(m_ButtonFont);    // sets font
    // sets button palette (background and text color)
    this->setAutoFillBackground(true);    // sets auto fill background feature
    m_ButtonPalette=this->palette();    // reads current palette
    m_ButtonPalette.setColor(QPalette::Button, Qt::black);    // sets up new palette componenet
    m_ButtonPalette.setColor(QPalette::ButtonText, Qt::white);    // sets up new palette componenet
    this->setPalette(m_ButtonPalette);    // sets modfied palette
    this->setFocusPolicy(Qt::NoFocus);    // disables focus
    m_ButtonIcon.load(flagPicture);    // creates new icon based on icon
    setIcon(m_ButtonIcon);    // sets icon
    setIconSize(QSize(256, 256));    // sets icon size
    setMask(m_ButtonIcon.createHeuristicMask());    // sets mask
}

To copy to clipboard, switch view to plain text mode 

Can I know without passing pParent into a QPushButon how a way your CFlagButton display?
When my button is appeared on the screen some of the blackish area appeared up & down corner of the push button?
Can you put your complete code for clear understanding or change in my code which I am attaching?

#include<QtGui>
class CFlagButton:QPushButton
{
	public:
	CFlagButton(QWidget* parent, const QString flagPicture):QPushButton(parent)
	{
    	QFont m_ButtonFont;
    	// sets up button font
    	//m_ButtonFont.setFamily("1942 Report");    // sets font name
    	m_ButtonFont.setPointSize(36);    // sets font size
    	m_ButtonFont.setBold(true);    // sets bold on
    	this->setFont(m_ButtonFont);    // sets font
    	// sets button palette (background and text color)
    	this->setAutoFillBackground(true);    // sets auto fill background feature
    	QPalette m_ButtonPalette;
    	m_ButtonPalette=this->palette();// reads current palette
    	m_ButtonPalette.setColor(QPalette::Button, Qt::black);//sets up new palette componenet
    	m_ButtonPalette.setColor(QPalette::ButtonText, Qt::white);//sets up new palette componenet
    	this->setPalette(m_ButtonPalette);//sets modfied palette
    	this->setFocusPolicy(Qt::NoFocus);//disables focus
    	QPixmap m_ButtonIcon;
    	m_ButtonIcon.load(flagPicture);//creates new icon based on icon
    	setIcon(m_ButtonIcon);//sets icon
    	setIconSize(QSize(256, 256));// sets icon size
    	setMask(m_ButtonIcon.createHeuristicMask());//sets mask
 
	}
};
 
int main (int argc, char **argv)
{
 
	QApplication app(argc,argv);
	QWidget w;
	CFlagButton btn(&w,"plane.jpg");
	w.show();
	return app.exec();
}

#include<QtGui>
class CFlagButton:QPushButton
{
	public:
	CFlagButton(QWidget* parent, const QString flagPicture):QPushButton(parent)
	{
    	QFont m_ButtonFont;
    	// sets up button font
    	//m_ButtonFont.setFamily("1942 Report");    // sets font name
    	m_ButtonFont.setPointSize(36);    // sets font size
    	m_ButtonFont.setBold(true);    // sets bold on
    	this->setFont(m_ButtonFont);    // sets font
    	// sets button palette (background and text color)
    	this->setAutoFillBackground(true);    // sets auto fill background feature
    	QPalette m_ButtonPalette;
    	m_ButtonPalette=this->palette();// reads current palette
    	m_ButtonPalette.setColor(QPalette::Button, Qt::black);//sets up new palette componenet
    	m_ButtonPalette.setColor(QPalette::ButtonText, Qt::white);//sets up new palette componenet
    	this->setPalette(m_ButtonPalette);//sets modfied palette
    	this->setFocusPolicy(Qt::NoFocus);//disables focus
    	QPixmap m_ButtonIcon;
    	m_ButtonIcon.load(flagPicture);//creates new icon based on icon
    	setIcon(m_ButtonIcon);//sets icon
    	setIconSize(QSize(256, 256));// sets icon size
    	setMask(m_ButtonIcon.createHeuristicMask());//sets mask
    	
	}
};

int main (int argc, char **argv)
{

	QApplication app(argc,argv);
	QWidget w;
	CFlagButton btn(&w,"plane.jpg");
	w.show();
	return app.exec();
}

To copy to clipboard, switch view to plain text mode 

[MarkoSan]

I can show the code to you next thurdsay, until then I cannot ....