qt 动画（界面跳转进场动画）

波塞冬~

已于 2023-08-05 16:32:56 修改

阅读量2.9k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Qt 文章标签： qt 开发语言

于 2020-05-21 13:53:36 首次发布

本文链接：https://blog.csdn.net/u014491932/article/details/106252090

Qt 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用QPropertyAnimation和QSequentialAnimationGroup为Qt的QTabWidget添加控件动画，提升界面切换体验。通过具体代码示例，展示如何根据不同tab页面加载相应的动画效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目标：做上位机软软件的时候，觉得QTabWidget的每个tab跳转时候，单纯的界面显示太过单调，希望有界面上面的控件有一个进场的动画效果。
效果：
实现： 通过动画QPropertyAnimation把设置单个控件动画效果，在用组合动画类QSequentialAnimationGroup顺序执行。

void MainWindow::addAnimationWidget(QSequentialAnimationGroup *Animation,QPushButton *widget)
{
    int Durtime = 200;
    int startX = 600;
    if(!widget->isHidden())
    {
        QPropertyAnimation *pScaleAnimation = new QPropertyAnimation(widget, "pos");
        pScaleAnimation->setDuration(Durtime);
        pScaleAnimation->setStartValue(QPoint(200, widget->y()));
        pScaleAnimation->setEndValue(QPoint(widget->x(),widget->y()));
        pScaleAnimation->setEasingCurve(QEasingCurve::Linear);
        Animation->addAnimation(pScaleAnimation);
        widget->move(startX,widget->y());
    }
}
void MainWindow::on_currentChanged(int indexs)
{
    if(Animation->state()==QSequentialAnimationGroup::Running){
        Animation->pause();
        Animation->resume();
        return;
    }
    Animation->clear();
    if(indexs ==0)
    {
        this->addAnimationWidget(Animation,ui->btn_1);
        this->addAnimationWidget(Animation,ui->btn_2);
        this->addAnimationWidget(Animation,ui->btn_3);
        this->addAnimationWidget(Animation,ui->btn_4);
    }
    else
    {
        this->addAnimationWidget(Animation,ui->btn_5);
        this->addAnimationWidget(Animation,ui->btn_6);
        this->addAnimationWidget(Animation,ui->btn_7);
        this->addAnimationWidget(Animation,ui->btn_8);
    }
    Animation->start();
}