《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();
}

源码下载

相关推荐
心情好的小球藻21 分钟前
Python应用进阶DAY9--类型注解Type Hinting
开发语言·python
惜.己33 分钟前
使用python读取json数据,简单的处理成元组数组
开发语言·python·测试工具·json
Y40900140 分钟前
C语言转Java语言,相同与相异之处
java·c语言·开发语言·笔记
古月-一个C++方向的小白6 小时前
C++11之lambda表达式与包装器
开发语言·c++
沐知全栈开发6 小时前
Eclipse 生成 jar 包
开发语言
杭州杭州杭州7 小时前
Python笔记
开发语言·笔记·python
tanyongxi668 小时前
C++ AVL树实现详解:平衡二叉搜索树的原理与代码实现
开发语言·c++
阿葱(聪)9 小时前
java 在k8s中的部署流程
java·开发语言·docker·kubernetes
浮生带你学Java9 小时前
2025Java面试题及答案整理( 2025年 7 月最新版,持续更新)
java·开发语言·数据库·面试·职场和发展
斯是 陋室10 小时前
在CentOS7.9服务器上安装.NET 8.0 SDK
运维·服务器·开发语言·c++·c#·云计算·.net