Qt 自定义仿iphone开关按钮

在做项目时，经常用到QPushButton，这次想设计成类似iphone开关按钮的样式。通过自定义Button类继承QPushButton类，重写paintEvent方法重绘按钮图形和重写mousePressEvent鼠标点击事件。

效果图：

步骤：
1、在当前工程目录下新建一个button.h和button.cpp文件用于创建自定义类Button，

button.h

#ifndef BUTTON_H
#define BUTTON_H

#include <QPushButton>
#include <QEvent>
#include <QMouseEvent>
#include <QPainter>
#include <QPaintEvent>
#include <QDebug>


class Button : public QPushButton
{
    Q_OBJECT

public:
    explicit Button(QWidget *parent = nullptr);
   void paintEvent(QPaintEvent *) override;
   void mousePressEvent(QMouseEvent *) override;

signals:
   void sendsignal();

private:
    bool isState;

};

#endif // BUTTON_H

button.cpp

#include "button.h"
#include "mainwindow.h"

Button::Button(QWidget *parent):QPushButton(parent)
{
    isState = false;
}


//重绘按钮
void Button::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    QPen pen;
    painter.setRenderHint(QPainter::Antialiasing,true);     //抗锯齿
    pen.setWidth(1);        //画笔像素宽度
    pen.setColor(QColor(200,200,200));      //画笔颜色
    painter.setPen(pen);        //设置椭圆边框

    if(!isState)
    {
        painter.setBrush(Qt::gray);         //设置椭圆背景色
        painter.drawEllipse(0,0,this->width(),this->height());      //画椭圆边框
        painter.setBrush(Qt::white);        //设置小圆背景色
        painter.drawEllipse(1,1,20,20);     //画小圆
    }
    else
    {
        painter.setBrush(Qt::green);
        painter.drawEllipse(0,0,this->width(),this->height());
        painter.setBrush(Qt::white);
        painter.drawEllipse(this->width()-20,this->height()-20,20,20);
    }

}


//重写点击按钮事件
void Button::mousePressEvent(QMouseEvent *)
{
    isState = !isState;
    update();       //调用paintEvent()
    emit sendsignal();
}

2、放置一个按钮，将其提升为自定义Button类，并转到槽

3、在mainwindow的构造函数中绑定按钮和槽函数，每当触发mousePressEvent事件就发送信号到按钮槽函数，执行相应功能。

#include "mainwindow.h"
#include "ui_mainwindow.h"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    isClick = false;

    connect(ui->pushButton,&Button::sendsignal,this,&MainWindow::on_pushButton_clicked);
}


MainWindow::~MainWindow()
{
    delete ui;
}


void MainWindow::on_pushButton_clicked()
{
    if(!isClick)
    {
        qDebug()<< QString::fromLocal8Bit("已打开");
        isClick = true;
    }
    else
    {
        qDebug()<< QString::fromLocal8Bit("已关闭");
        isClick = false;
    }

}