【Qt】GraphicsView框架结构类似GIF的开机动画实现

logani

已于 2022-09-28 16:03:27 修改

阅读量696

点赞数 3

分类专栏： QT学习之路文章标签： qt 动画 c++

于 2022-09-20 21:57:01 首次发布

本文链接：https://blog.csdn.net/logani/article/details/126962043

版权

QT学习之路专栏收录该内容

14 篇文章 6 订阅

订阅专栏

根据QT中的GraphicsView框架，我们可以做一些简单的开机动画，如碰撞动画，或者是gif动画；

实现的效果类似下面这张gif

其实是将gif转成一帧又一帧的图片，然后用定时器发出信号多次调用槽函数，把每一帧图片加载出来，类似gif；

话不多说上源码，这个MyItem是我自定义的图元类，详情可以看我的另一篇文章，这边创建图元时可以不给第二个参数，这是之前做碰撞动画区分左右图片用的；

【QT】GraphicsView框架结构的碰撞开机动画实现流程_logani的博客-CSDN博客

MyViem::MyViem()
{
    Scene = new QGraphicsScene(0,0,500,600);
    Item = new MyItem("icon/boot/bot-0.jpg",typeenum::LEFT);//创建图元
    Item->setPos(250,300);
    setMask(QBitmap(Item->getPix().mask()));//抠除图像的白色区域实现不规则窗体
    Scene->addItem(Item);//图元添加到场景中
    this->setScene(Scene);//视图关联场景
    
    count=0;
    timer = new QTimer(this);
    timer->start(70);
    connect(timer,SIGNAL(timeout()),this,SLOT(gifSlot()));//gif动画  
}

下面是槽函数gifSlot的实现过程，定义一个count计数，每调用一次槽函数count+1，然后switch选择对应的图片路径进行创建，并刷新界面

void MyViem::gifSlot()//使用switch语句根据情况选择不同的图片
{
    QString picName;
    count++;
    if(count>13)
    {
        count=1;
    }
    switch(count)
    {
    case 1:picName="icon/boot/bot-0.jpg";break;
    case 2:picName="icon/boot/bot-1.jpg";break;
    case 3:picName="icon/boot/bot-2.jpg";break;
    case 4:picName="icon/boot/bot-3.jpg";break;
    case 5:picName="icon/boot/bot-4.jpg";break;
    case 6:picName="icon/boot/bot-5.jpg";break;
    case 7:picName="icon/boot/bot-6.jpg";break;
    case 8:picName="icon/boot/bot-7.jpg";break;
    case 9:picName="icon/boot/bot-8.jpg";break;
    case 10:picName="icon/boot/bot-9.jpg";break;
    case 11:picName="icon/boot/bot-10.jpg";break;
    case 12:picName="icon/boot/bot-11.jpg";break;
    case 13:picName="icon/boot/bot-12.jpg";break;
    default:
        break;
    }
    Item = new MyItem(picName,typeenum::LEFT);//创建图元
    Item->setPos(250,300);
    Scene->addItem(Item);//图元添加到场景中
    setMask(QBitmap(Item->getPix().mask()));//抠除图像的白色区域实现不规则窗体

    update();	//刷新界面
}

或者这样写优化一下，如果图片够多的话可以省去一些时间

    QString picName;
    if(count==13)
    {
        count=0;
    }
    for(;count<13;)
    {
        picName=QString("icon/boot/bot-%1.jpg").arg(count);//读取每一张图片
        break;
    }
    count++;
    Item = new MyItem(picName,typeenum::LEFT);//创建图元
    Item->setPos(250,300);
    Scene->addItem(Item);//图元添加到场景中
    setMask(QBitmap(Item->getPix().mask()));//抠除图像的白色区域实现不规则窗体
    update();	//刷新界面

最后，附上pdf转word_pdf转换成excel_pdf转换成ppt _纬来PDF转换器 gif转png或jpg图片的网站；

如果对您有帮助，欢迎点赞留言评论，谢谢！