Qt-QPropertyAnimation实现的动画按钮

相关资料：

https://blog.csdn.net/weixin_42837024/article/details/93986970    Qt 自定义动画按钮（超酷炫）

.pro

QT       += core gui

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

CONFIG += c++11

# The following define makes your compiler emit warnings if you use
# any Qt feature that has been marked deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS

# You can also make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

SOURCES += 
    main.cpp 
    mainwindow.cpp 
    myanimationbutton.cpp

HEADERS += 
    mainwindow.h 
    myanimationbutton.h

FORMS += 
    mainwindow.ui

# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target

RESOURCES += 
    resource.qrc

main.cpp

#include "mainwindow.h"

#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    w.show();
    return a.exec();
}

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

#include "myanimationbutton.h"

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private:
    Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

mainwindow.cpp

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

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

    this->setWindowTitle(QStringLiteral("动画按钮"));
    myAnimationButton *owidget = new myAnimationButton(this);
    owidget->setImagePath(":/new/prefix1/wx.jpg");
    owidget->setText(QStringLiteral("微信支付"));
    owidget->setGeometry(0,0,400,400);

//    ui->widget_2->setImagePath(":/pay.png");
//    ui->widget_2->setText("支付宝支付");

//    ui->widget_3->setImagePath(":/bank.png");
//    ui->widget_3->setText("银行卡支付");
}

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

mainwindow.ui

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>MainWindow</class>
 <widget class="QMainWindow" name="MainWindow">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>451</width>
    <height>437</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>MainWindow</string>
  </property>
  <widget class="QWidget" name="centralwidget"/>
  <widget class="QMenuBar" name="menubar">
   <property name="geometry">
    <rect>
     <x>0</x>
     <y>0</y>
     <width>451</width>
     <height>23</height>
    </rect>
   </property>
  </widget>
  <widget class="QStatusBar" name="statusbar"/>
 </widget>
 <resources/>
 <connections/>
</ui>

myanimationbutton.h

#ifndef MYANIMATIONBUTTON_H
#define MYANIMATIONBUTTON_H

#include <QPropertyAnimation>
#include <QPainter>
#include <QDebug>
#include <QMouseEvent>
#include <QWidget>

class QPropertyAnimation;

class myAnimationButton : public QWidget
{
    Q_OBJECT
public:
    explicit myAnimationButton(QWidget *parent = 0);
    ~myAnimationButton();

    void enterImageChanged(QVariant value);
    void leaveImageChanged(QVariant value);

    void setImagePath(QString path);
    void setText(QString text){
        this->text = text;
    }
protected:
    void enterEvent(QEvent *event);
    void leaveEvent(QEvent *event);
    void paintEvent(QPaintEvent *event);
    void mousePressEvent(QMouseEvent *event);
private:

    int imageWidth;
    int imageHeight;

    int originalWidth;
    int originalHeight;

    int newWidth;
    int newHeight;

    QString imagePath;
    QString text;

    QPropertyAnimation* enterAnimation;
    QPropertyAnimation* leaveAnimation;
};

#endif // MYANIMATIONBUTTON_H

myanimationbutton.cpp

#include "myanimationbutton.h"

myAnimationButton::myAnimationButton(QWidget *parent) :
    QWidget(parent)

{

    imageWidth = 0;
    imageHeight = 0;
    originalWidth = 0;
    originalHeight = 0;
    newWidth = 0;
    newHeight = 0;
    imagePath = "";


    enterAnimation = new QPropertyAnimation(this,"");
    enterAnimation->setStartValue(0);
    enterAnimation->setEndValue(25);
    enterAnimation->setDuration(200);
    connect(enterAnimation,&QPropertyAnimation::valueChanged,
            this,&myAnimationButton::enterImageChanged);

    leaveAnimation = new QPropertyAnimation(this,"");
    leaveAnimation->setStartValue(0);
    leaveAnimation->setEndValue(25);
    leaveAnimation->setDuration(200);
    connect(leaveAnimation,&QPropertyAnimation::valueChanged,
            this,&myAnimationButton::leaveImageChanged);
}

myAnimationButton::~myAnimationButton()
{

    delete enterAnimation;
    delete leaveAnimation;
}

void myAnimationButton::enterImageChanged(QVariant value)
{
    newWidth = imageWidth + value.toInt();
    newHeight = imageHeight + value.toInt();
    update();
}

void myAnimationButton::leaveImageChanged(QVariant value)
{
    newWidth = imageWidth - value.toInt();
    newHeight = imageHeight - value.toInt();
    update();
}

void myAnimationButton::setImagePath(QString path)
{
    imagePath = path;
    QPixmap img(path);
    imageWidth = img.width();
    imageHeight = img.height();
    originalWidth = imageWidth;
    originalHeight = imageHeight;
    newWidth = imageWidth - 25;
    newHeight = imageHeight - 25;
    update();
}

void myAnimationButton::enterEvent(QEvent *event)
{

    imageWidth = imageWidth - 25;
    imageHeight = imageHeight - 25;
    enterAnimation->start();
}

void myAnimationButton::leaveEvent(QEvent *event)
{

    imageWidth = originalWidth;
    imageHeight = originalHeight;
    leaveAnimation->start();
}

void myAnimationButton::paintEvent(QPaintEvent *event)
{
    if(imagePath.isEmpty())
        return;

    QPainter paint(this);
    paint.setRenderHint(QPainter::Antialiasing);

    QPixmap img(imagePath);
    img = img.scaled(newWidth,newHeight,Qt::IgnoreAspectRatio,
                     Qt::SmoothTransformation);

    int pixX = rect().center().x() - newWidth / 2;
    int pixY = rect().center().y() - newHeight / 2 - 10;

    QPoint point(pixX, pixY);
    paint.drawPixmap(point, img);
    paint.drawText(QRectF(0, height() - 20, width(), 20), Qt::AlignCenter, text);
}

void myAnimationButton::mousePressEvent(QMouseEvent *event)
{
    if(imagePath.isEmpty())
        return;

    QPixmap image(imagePath);
    if(image.rect().contains(event->pos()))
    {
        qDebug()<<"press";
    }

}

resource.qrc（不提供）

myanimationbutton.h