Qt 自定义按钮

Qt 自定义按钮

效果图如下，每个分别有三种状态；第一个按钮正常状态；第二个为选中状态；第三个不可点击状态

思路：新建一个按钮类继承QPushButton，重写paintEvent方法，根据原型画出相应效果；由上图可以把按钮分为四个部分（整体外框、icon、文字背景、文字）
核心代码：

void CButton::paintEvent(QPaintEvent *)
{
   
    QPainter painter(this);
    painter.setRenderHints(QPainter::Antialiasing | QPainter::SmoothPixmapTransform);
    paintBackground(&painter);
    paintIcon(&painter);
    paintTextBackground(&painter);
    paintText(&painter);
}

第一步：画整个按钮外框

void CButton::paintBackground(QPainter * painter)
{
   
	painter->save();
    QPainterPath path;
    QBrush brush;
    brush.setStyle(Qt::NoBrush);
    QPen pen;
    pen.setStyle(Qt::SolidLine);
    pen.setWidth(m_BorderWidth);
    //整体外框也分别会有三种状态
    if (isChecked())
    {
   
        brush.setColor(m_CheckedBackgroundColor);
        pen.setColor(m_CheckedBorderColor);
    }
    else if(!isEnabled())
    {
   
        brush.setColor(m_DisabledBackgroundColor);
        pen.setColor(m_DisableBorderColor);
    }
    else
    {
   
        brush.setColor(m_NormalBackgroundColor);
        pen.setColor(m_NormalBorderColor);
    }
    painter->setBrush(brush);
    QRect rect = QRect(0,0,this