Qt QWidget实现简约美观的加载动画

最新推荐文章于 2024-03-02 21:53:09 发布

原创

最新推荐文章于 2024-03-02 21:53:09 发布 · 1.4k 阅读

19 ·

CC 4.0 BY-SA版权

文章标签：

#qt #开发语言

😃 给大家分享6个简约的加载动画,这是第一季,后续陆续上架 😃
这是最终效果
在这里插入图片描述
一共只有三个文件,可以直接编译运行

//main.cpp
#include "LoadingAnimWidget.h"
#include <QApplication>
#include <QVBoxLayout>
#include <QPushButton>
#include <QGridLayout>
int main(int argc, char *argv[])
{
   
   
    QApplication a(argc, argv);

    QWidget w;
    w.setWindowTitle("加载动画 第一季");
    QGridLayout * mainLayout = new QGridLayout;

    SpotsCircle * anim1 = new SpotsCircle;
    mainLayout->addWidget(anim1,0,0);

    SpotsShrinkCircle * anim2 = new SpotsShrinkCircle;
    mainLayout->addWidget(anim2,0,1);

    auto* anim3 = new TextCircle("Loading...");
    mainLayout->addWidget(anim3,1,0);

    auto* anim4 = new StickCircle();
    mainLayout->addWidget(anim4,1,1);

    TubeCircle * anim5 = new TubeCircle;
    mainLayout->addWidget(anim5,0,2);

    TubeBallCircle * anim6 = new TubeBallCircle;
    mainLayout->addWidget(anim6,1,2);

    QPushButton * btn = new QPushButton("start");
    mainLayout->addWidget(btn,2,1);
    w.setLayout(mainLayout);
    QObject::connect(btn,&QPushButton::clicked,anim1,&SpotsCircle::exec);
    QObject::connect(btn,&QPushButton::clicked,anim2,&SpotsShrinkCircle::exec);
    QObject::connect(btn,&QPushButton::clicked,anim3,&TextCircle::exec);
    QObject::connect(btn,&QPushButton::clicked,anim4,&StickCircle::exec);
    QObject::connect(btn,&QPushButton::clicked,anim5,&TubeCircle::exec);
    QObject::connect(btn,&QPushButton::clicked,anim6,&TubeBallCircle::exec);
    QObject::connect(btn,&QPushButton::clicked,btn,[=](){
   
   
        if(btn->text() == "start") btn->setText("stop");
        else btn->setText("start");
    });
    w.show();
    return a.exec();
}

//LoadingAnimWidget.h
#ifndef LOADINGANIMWIDGET_H
#define LOADINGANIMWIDGET_H
#include <QPropertyAnimation>
#include <QWidget>
class LoadingAnimBase:public QWidget
{
   
   
    Q_OBJECT
public:
    LoadingAnimBase(QWidget* parent=nullptr);
    virtual ~LoadingAnimBase();
public slots:

    virtual void exec();
    virtual void start();
    virtual void stop();
protected:
    QPropertyAnimation mAnim;
};

class SpotsShrinkCircle:public LoadingAnimBase{
   
   //32个球均匀分布在四周,绕着中心转圈,球越来越小
    Q_OBJECT
    Q_PROPERTY(qreal angle READ angle WRITE setAngle)
public:
    explicit SpotsShrinkCircle(QWidget * parent = nullptr);
    qreal angle()const;
    void setAngle(qreal an);
protected:
    void paintEvent(QPaintEvent *event);
signals:

public slots:
private:
    qreal mAngle;
};

class SpotsCircle : public LoadingAnimBase//8个紧挨着的球绕着中心转圈,每个球大小一样
{
   
   
    Q_OBJECT
    Q_PROPERTY(qreal angle READ angle WRITE setAngle)
public:
    explicit SpotsCircle(QWidget *parent = nullptr);

    qreal angle()const;
    void setAngle(qreal an)