Qt5实战第十二篇：Qt5事件处理详解

Qt5实战第十二篇：Qt5事件处理详解

在Qt5中，动画与特效是提升用户界面体验的重要手段。Qt5提供了一套强大的动画框架（Qt Animation Framework）和图形特效模块（Qt Graphical Effects Module），使得开发者能够轻松地为应用程序添加平滑的动画效果和丰富的图形特效。

一、Qt5动画框架

Qt5动画框架允许开发者创建和管理动画，包括属性动画、状态动画以及自定义动画。这些动画可以应用于任何QObject对象，只要这些对象具有可读写的属性。

1. 属性动画（Property Animation）： 属性动画是Qt5动画框架的核心，它允许开发者对QObject对象的属性进行动画处理。Qt提供了几种属性动画类，如QPropertyAnimation、QVariantAnimation、QParallelAnimationGroup和QSequentialAnimationGroup等。
2. 状态动画（State Animation）： 状态动画通常与Qt的状态机框架（Qt State Machine Framework）一起使用，用于在状态转换时触发动画。
3. 自定义动画： 开发者可以通过继承QAbstractAnimation类来创建自定义动画。

二、Qt5图形特效模块

Qt5图形特效模块提供了一系列预定义的图形特效，如模糊、阴影、颜叠加等。这些特效可以应用于任何QGraphicsItem或QWidget对象。

1. 特效类： Qt5图形特效模块中的特效类通常以QGraphicsEffect为基类，如QGraphicsBlurEffect、QGraphicsDropShadowEffect、QGraphicsColorOverlayEffect等。
2. 特效的应用： 特效可以通过设置QWidget或QGraphicsItem的graphicsEffect属性来应用。

三、示例：创建一个带有动画和特效的简单应用程序

下面是一个使用Qt5动画框架和图形特效模块创建简单应用程序的示例。

1.项目结构：

MyAnimatedApp/
├── 
├── 
├── 
├── mainwindow.h
├── mainwindow.ui
└── resources.qrc

2.：

cmake_minimum_required(VERSIO .5)

project(MyAnimatedApp VERSIO 1.0 LAGUAGES CXX)

set(CMAKE_CXX_STADARD 11)
set(CMAKE_CXX_STADARD_REQUIRED O)

find_package(Qt5 COMPOETS Widgets GraphicalEffects Animation REQUIRED)

add_executable(MyAnimatedApp
    
    
    mainwindow.h
    mainwindow.ui
    resources.qrc
)

target_link_libraries(MyAnimatedApp Qt5::Widgets Qt5::GraphicalEffects Qt5::Animation)

.：

#include <QApplication>
#include "mainwindow.h"

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

h：

#ifndef MAIWIDOW_H
#define MAIWIDOW_H

#include <QMainWindow>
#include <QPropertyAnimation>
#include <QGraphicsBlurEffect>

QT_BEGI_AMESPACE
namespace Ui { class MainWindow; }
QT_ED_AMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

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

private slots:
    void startAnimation();

private:
    Ui::MainWindow *ui;
    QPropertyAnimation *animation;
    QGraphicsBlurEffect *blurEffect;
};

#endif // MAIWIDOW_H

5.：

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

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
    , animation(new QPropertyAnimation(this, "geometry"))
    , blurEffect(new QGraphicsBlurEffect)
{
    ui->setupUi(this);

    // 设置动画属性
    animation->setDuration(2000); // 动画持续时间2秒
    animation->setStartValue(QRect(this->x(), this->y(), this->width(), this->height())); // 起始位置和大小
    animation->setEndValue(QRect(this->x() + 200, this->y() + 200, this->width() + 50, this->height() + 50)); // 结束位置和大小
    animation->setEasingCurve(QEasingCurve::OutBounce); // 设置缓动曲线

    // 设置模糊特效
    blurEffect->setBlurRadius(10); // 模糊半径
    blurEffect->setBlurHints(QGraphicsBlurEffect::PerformanceHint); // 设置性能提示
    ui->centralWidget->setGraphicsEffect(blurEffect); // 将模糊特效应用于中央部件

    // 连接动画开始信号到槽函数
    connect(this, &MainWindow::show, this, &MainWindow::startAnimation);
}

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

void MainWindow::startAnimation()
{
    animation->start();
}

ui：

使用Qt Designer创建一个简单的QMainWindow，其中包含一个中央部件（如QWidget），并为其设置适当的布局和控件。

7.resources.qrc：

在这个例子中，我们不需要额外的资源文件，因此resources.qrc可以保持为空或删除。

四、运行程序

构建并运行该程序，你将看到一个带有模糊特效的窗口，该窗口在显示时会开始一个动画，从原始位置和大小移动到新的位置和大小，并带有弹跳效果。

通过以上示例，我们可以看到Qt5动画框架和图形特效模块在创建动态和吸引人的用户界面时的强大功能。无论是简单的属性动画还是复杂的图形特效，Qt5都提供了丰富的工具和类来支持开发者实现他们的创意。