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

源码下载

相关推荐
孞㐑¥2 小时前
Linux之Socket 编程 UDP
linux·服务器·c++·经验分享·笔记·网络协议·udp
黄雪超5 小时前
JVM——函数式语法糖:如何使用Function、Stream来编写函数式程序?
java·开发语言·jvm
ThetaarSofVenice5 小时前
对象的finalization机制Test
java·开发语言·jvm
水木兰亭5 小时前
数据结构之——树及树的存储
数据结构·c++·学习·算法
思则变5 小时前
[Pytest] [Part 2]增加 log功能
开发语言·python·pytest
lijingguang6 小时前
在C#中根据URL下载文件并保存到本地,可以使用以下方法(推荐使用现代异步方式)
开发语言·c#
¥-oriented6 小时前
【C#中路径相关的概念】
开发语言·c#
CoderCodingNo6 小时前
【GESP】C++四级考试大纲知识点梳理, (7) 排序算法基本概念
开发语言·c++·排序算法
恋猫de小郭7 小时前
Meta 宣布加入 Kotlin 基金会,将为 Kotlin 和 Android 生态提供全新支持
android·开发语言·ios·kotlin
JosieBook7 小时前
【Java编程动手学】使用IDEA创建第一个HelloJava程序
java·开发语言·intellij-idea