Qt-QPropertyAnimation的使用(支持放大、移动、透明动画)

 相关资料：

https://download.csdn.net/download/zhujianqiangqq/85424062      csdn代码包下载

.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

HEADERS += \
    mainwindow.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 <QPropertyAnimation>
#include <QTimer>
#include <QLabel>
#include <QPushButton>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

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

private slots:
    void on_Geometry();
    void on_Pos();
    void on_WindowOpacity();
    void on_Timer();
    void on_ButtonTimer();
private:
    Ui::MainWindow *ui;
    QPropertyAnimation *m_animation;// 动画对象指针
    QTimer *m_pTimer;
    QLabel *m_pLabel;
    QPushButton *m_pGeometry;
    QPushButton *m_pPos;
    QPushButton *m_pWindowOpacity;
    QPushButton *m_pButtonTimer;
};
#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);
    setWindowTitle(QStringLiteral("Qt之QPropertyAnimation的使用(支持放大、移动、透明动画)"));

    m_pLabel = new QLabel(this);
    m_pLabel->setPixmap(QPixmap(":/new/prefix1/roommain.png"));
    m_pLabel->setGeometry(100, 100, 100, 100);
    m_pLabel->setScaledContents(true);

    m_animation = new QPropertyAnimation();
    m_animation->setEasingCurve(QEasingCurve::Linear); //设置动画效果

    m_pTimer = new QTimer(this);
    m_pTimer->setSingleShot(false);
    connect(m_pTimer, &QTimer::timeout, this, &MainWindow::on_Timer);

    m_pGeometry = new QPushButton(this);
    m_pGeometry->setText(QStringLiteral("改大小"));
    m_pGeometry->setGeometry(400, 10, 100, 25);
    connect(m_pGeometry, &QPushButton::clicked, this, &MainWindow::on_Geometry);

    m_pPos = new QPushButton(this);
    m_pPos->setText(QStringLiteral("移动"));
    m_pPos->setGeometry(400, 40, 100, 25);
    connect(m_pPos, &QPushButton::clicked, this, &MainWindow::on_Pos);

    m_pWindowOpacity = new QPushButton(this);
    m_pWindowOpacity->setText(QStringLiteral("透明"));
    m_pWindowOpacity->setGeometry(400, 70, 100, 25);
    connect(m_pWindowOpacity, &QPushButton::clicked, this, &MainWindow::on_WindowOpacity);

    m_pButtonTimer = new QPushButton(this);
    m_pButtonTimer->setText(QStringLiteral("显示坐标"));
    m_pButtonTimer->setGeometry(400, 100, 100, 25);
    connect(m_pButtonTimer, &QPushButton::clicked, this, &MainWindow::on_ButtonTimer);
}

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

void MainWindow::on_Geometry()
{
    // geometry:按矩形的动画（移动和缩放）
    m_animation->setTargetObject(m_pLabel);    // 设置使用动画的控件
    m_animation->setPropertyName("geometry");   // 指定动画属性名
    m_animation->setDuration(100);    // 设置动画时间（单位：毫秒）
    // 获取控件初始的大小
    int width = m_pLabel->rect().width();
    int height = m_pLabel->rect().height();
    QPoint oPoint = m_pLabel->pos();
    // 设置动画起始位置
    m_animation->setStartValue(QRect(oPoint, QSize( width, height)));
    // 设置动画步长值，以及在该位置时的长宽
    m_animation->setKeyValueAt(0.5, QRect(m_pLabel->pos() - QPoint(50, 50), QSize( width + 100, height + 100)));
    // 设置动画结束位置及其大小
    m_animation->setEndValue(QRect(oPoint, QSize( width, height)));
    // 启动动画
    m_animation->start();
}

void MainWindow::on_Pos()
{
    // pos:按点移动的动画（移动）
    m_animation->setTargetObject(m_pLabel);    // 设置使用动画的控件
    m_animation->setPropertyName("pos");    // 指定动画属性名
    m_animation->setDuration(3000);    // 设置动画时间（单位：毫秒）
    // 设置动画起始位置在label控件当前的pos
    m_animation->setStartValue(m_pLabel->pos());
    // 设置动画结束位置
    m_animation->setEndValue(m_pLabel->pos() + QPoint(200, 100));
    // 启动动画
    m_animation->start();
}

void MainWindow::on_WindowOpacity()
{
    // windowOpacity：不透明度（注意该效果只对顶级窗口有效哦）
    m_animation->setTargetObject(this);     // 重设动画使用对象
    m_animation->setPropertyName("windowOpacity");  // 指定动画属性名
    m_animation->setDuration(2000);     // 设置动画时间（单位：毫秒）

    // 设置动画步长值，以及在该位置时显示的透明度
    m_animation->setKeyValueAt(0, 1);
    m_animation->setKeyValueAt(0.5, 0);
    m_animation->setKeyValueAt(1, 0);
    // 当值为-1时，动画一直运行，直到窗口关闭
    m_animation->setLoopCount(-1);
    // 启动动画
    m_animation->start();
}

void MainWindow::on_Timer()
{
    QString s = "x:%1  y:%2";
    setWindowTitle(s.arg(m_pLabel->pos().x()).arg(m_pLabel->pos().y()));
}

void MainWindow::on_ButtonTimer()
{
    m_pTimer->start(100);
}

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>550</width>
    <height>400</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>MainWindow</string>
  </property>
  <widget class="QWidget" name="centralwidget"/>
 </widget>
 <resources/>
 <connections/>
</ui>

 

 

搜索

复制