《QT实用小工具·六十五》基于QPropertyAnimation实现的移动动画和控件覆盖

1、概述
源码放在文章末尾

该项目基于QPropertyAnimation实现了控件平移动画和控件之间的相互覆盖效果,项目demo演示如下所示:

项目解析:

new QPropertyAnimation(ui.SingleOcclusion, "pos"); //创建动画对象,第一个参数传入需要移动的控件对象,第二个参数"pos"表示该控件实现直线移动。

信号槽表示动画移动结束会发送finished信号。

cpp 复制代码
pPosAnimation1 = new QPropertyAnimation(ui.SingleOcclusion, "pos");
pBothPosAnimation1 = new QPropertyAnimation(ui.BothOcclusion, "pos");
connect(pPosAnimation1, &QPropertyAnimation::finished, this, &SlidingAnimation::OcclusionAnimation);
connect(pBothPosAnimation1, &QPropertyAnimation::finished, this, &SlidingAnimation::BothOcclusionAnimation);

控件左移动实现,右移动和双边移动同理

cpp 复制代码
void SlidingAnimation::on_left_clicked()
{
    ui.BothOcclusion->hide();

    QTime time;
    time.start();
    while (time.elapsed() < 100)
    {
        QCoreApplication::processEvents();
        _sleep(100);
    }

	//每次移动前先取消控件的透明度设置
    pButtonOpacity->setOpacity(1);
    ui.SingleOcclusion->setGraphicsEffect(pButtonOpacity);

	//这里的处理是因为布局中的控件在动画移动后如果界面发生改变会重新布局,这样移动
	//后的控件会回到原来的位置,这里是让控件移动结束后一直停留在移动后的位置
    QLayoutItem* item = ui.horizontalLayout_2->itemAt(3);
    if ((int)item->spacerItem() == (int)spacerLeft)
    {
        ui.horizontalLayout_2->removeItem(spacerLeft);
        ui.horizontalLayout_2->insertWidget(3, ui.SingleOcclusion);
    }

    QRect line = ui.line_4->geometry();
    QRect label = ui.leftLabel->geometry();
    QRect widget = ui.SingleOcclusion->geometry();
    int difference = (widget.width() - label.width()) / 2;

	//设置动画移动时间
    pPosAnimation1->setDuration(1000);
    //设置动画开始移动的位置
    pPosAnimation1->setStartValue(QPoint(line.x() + line.width(), widget.y()));
    //设置动画移动结束的位置
    pPosAnimation1->setEndValue(QPoint(label.x() - difference, widget.y()));
    pPosAnimation1->setEasingCurve(QEasingCurve::InOutQuad);


    // 开始动画前移除widget,并添加占位符
    ui.horizontalLayout_2->removeWidget(ui.SingleOcclusion);
    ui.horizontalLayout_2->insertItem(3, spacerLeft);

    pPosAnimation1->start();
}

该函数为动画结束后信号触发的槽函数,主要实现的功能是当控件移动结束后覆盖到另一个控件的上方并设置该控件的透明度

cpp 复制代码
void SlidingAnimation::OcclusionAnimation()
{
    QRect widget = ui.SingleOcclusion->geometry();
    ui.SingleOcclusion->move(widget.x(), widget.y());

    pButtonOpacity->setOpacity(1);
    ui.SingleOcclusion->setGraphicsEffect(pButtonOpacity);
    QPropertyAnimation* pOpacityAnimation1 = new QPropertyAnimation(pButtonOpacity, "opacity");
    pOpacityAnimation1->setDuration(600);
    pOpacityAnimation1->setStartValue(1);
    pOpacityAnimation1->setEndValue(0.3);
    pOpacityAnimation1->start();
}

源码下载

相关推荐
小林C语言19 分钟前
11.9 C++对象指针
c++
oioihoii29 分钟前
C++11中的std::minmax与std::minmax_element:原理解析与实战
java·开发语言·c++
超龄超能程序猿30 分钟前
使用 Python 对本地图片进行图像分类
开发语言·人工智能·python·机器学习·分类·数据挖掘·scipy
wkj00134 分钟前
php中调用对象的方法可以使用array($object, ‘methodName‘)?
android·开发语言·php
hudawei9961 小时前
kotlin中withContext,async,launch几种异步的区别
android·开发语言·kotlin
消失的旧时光-19431 小时前
Kotlin 常用语法糖完整整理
android·开发语言·kotlin
每次的天空1 小时前
Android-重学kotlin(协程源码第一阶段)新学习总结
开发语言·学习·kotlin
Dovis(誓平步青云)1 小时前
探索飞算 JavaAI 进阶:解锁高效Java开发的新维度
java·开发语言·飞算java
CS semi1 小时前
C++每日刷题day2025.7.10
开发语言·c++
还听珊瑚海吗1 小时前
Python(一)
开发语言·python