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

源码下载

相关推荐
蜉蝣之翼❉1 小时前
CRT 不同会导致 fopen 地址不同
c++·mfc
Boilermaker19921 小时前
【Java EE】Mybatis-Plus
java·开发语言·java-ee
aramae1 小时前
C++ -- STL -- vector
开发语言·c++·笔记·后端·visual studio
Tony小周1 小时前
实现一个点击输入框可以弹出的数字软键盘控件 qt 5.12
开发语言·数据库·qt
lixzest2 小时前
C++ Lambda 表达式详解
服务器·开发语言·c++·算法
沉默媛2 小时前
如何安装python以及jupyter notebook
开发语言·python·jupyter
_Chipen3 小时前
C++基础问题
开发语言·c++
灿烂阳光g3 小时前
OpenGL 2. 着色器
c++·opengl
止观止3 小时前
JavaScript对象创建9大核心技术解析
开发语言·javascript·ecmascript
AA陈超4 小时前
虚幻引擎UE5专用服务器游戏开发-20 添加基础能力类与连招能力
c++·游戏·ue5·游戏引擎·虚幻