【Qt】定时器播放多张图片,动画效果

1. 效果

在这里插入图片描述

2. 代码

2.1 头文件

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();
    void initGif(QString prefix, int sumCnt);
    void start();
    void stop();

private:
    Ui::Widget *ui;
    int curIndex;
    QString prefix;
    int sumCnt;
    int timeID;

    // QObject interface
protected:
    void timerEvent(QTimerEvent *event) override;
};
#endif // WIDGET_H

2.2 cpp文件

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

	//资源文件:/img/p1 ~ :/img/p11
    initGif(":/img/p", 11);
    start();
}

Widget::~Widget()
{
    delete ui;
}

void Widget::initGif(QString prefix, int sumCnt)
{
    this->prefix = prefix;
    this->sumCnt = sumCnt;

    //QString(this->prefix+%1.png").arg("10");
    QString fileName = this->prefix + "1" + ".png";
    ui->label->setPixmap(QPixmap(fileName));
}

void Widget::start()
{
    timeID = startTimer(100);

}

void Widget::stop()
{
    killTimer(timeID);
    QString fileName = this->prefix + "1" + ".png";
    ui->label->setPixmap(QPixmap(fileName));
}

void Widget::timerEvent(QTimerEvent *event)
{
    curIndex++;
    if(curIndex > this->sumCnt)
        curIndex = 1;

    QString fileName = this->prefix + QString("%1.png").arg(QString::number(curIndex));
    ui->label->setPixmap(QPixmap(fileName));
}


3. 参考

QT:利用计时器连续播放图片组成动图效果

  • 18
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Qt是一款功能强大的跨平台应用程序开发框架,它允许开发者使用C++语言来构建高性能的应用程序界面。在Qt中,同样可以实现图片轮播动画效果。 首先,要实现图片轮播动画效果,我们需要准备一些要轮播的图片资源。可以把这些图片资源放在一个容器中,例如QList或QVector。 接下来,我们可以利用Qt提供的动画框架QPropertyAnimation来实现图片的切换效果。QPropertyAnimation是基于属性的动画类,它可以对任何对象的属性进行动画处理。我们可以创建一个QPropertyAnimation对象,指定要进行动画处理的属性以及动画的起始值和结束值。 在图片轮播效果中,我们可以使用QLabel来显示图片。在每次切换图片时,我们可以通过设置QLabel的Pixmap属性来显示对应的图片。同时,我们可以通过QPropertyAnimation来控制QLabel的透明度,实现图片的淡入淡出效果。 为了实现图片轮播的连续播放效果,我们可以将QPropertyAnimation的循环模式设置为QAbstractAnimation::Loop。这样,动画完成一个周期后会自动重新开始。 最后,我们还可以通过设置QPropertyAnimation的持续时间和启动延迟时间来控制图片的切换速度和切换间隔时间。使用QTimer可以定时触发图片切换事件,从而实现图片轮播的效果。 综上所述,通过利用Qt动画框架和常用控件,我们可以很方便地实现图片轮播动画效果。 ### 回答2: Qt是一款流行的跨平台应用开发框架,可以实现各种各样的图形交互效果。在Qt中实现图片轮播动画效果可以采用多种方法,这里提供一种常见的实现方法。 首先,我们可以使用Qt的QGraphicsView和QGraphicsScene类来创建一个用于显示图片的场景。然后,我们可以使用QGraphicsPixmapItem类将图片添加到场景中。 为了实现图片轮播效果,我们可以使用QTimer类来定时切换图片。通过设置定时器的interval属性,我们可以控制图片切换的速度。每次定时器超时时,我们就可以切换到下一张图片。 在切换图片时,可以尝试使用QPropertyAnimation类来实现动画效果。通过设置动画的targetObject、propertyName和startValue、endValue等属性,我们可以定义图片动画效果,例如淡入淡出、渐变等。然后,将动画添加到场景中,就可以实现图片切换时的动画效果。 此外,我们还可以通过使用QGraphicsOpacityEffect类来实现图片的透明度动画效果。通过设置透明度的起始值和终止值,然后使用QPropertyAnimation类来实现逐渐改变图片透明度的效果。 最后,为了完成图片轮播动画效果,我们可以通过循环遍历图片列表,在每次定时器超时时切换到下一张图片,并应用相应的动画效果。 ### 回答3: Qt是一款跨平台的开源C++框架,它提供了丰富的图形界面和多媒体处理能力。要实现图片轮播动画效果,可以采用Qt自带的QGraphicsView和QGraphicsScene类。首先需要创建一个QGraphicsView的实例,设置其大小和窗口标题。然后创建一个QGraphicsScene实例,将图片添加到场景中。接下来,可以创建一个自定义的QGraphicsItem类,在其中实现图片的轮播效果。通过QGraphicsItem的paint()函数可以绘制图片,可以使用QGraphicsItemAnimation来控制图片的移动和动画效果。设置一个定时器,每隔一段时间就更新场景中的图片位置,通过调用QGraphicsView的setScene()函数将场景设置给视图,即可显示图片轮播动画效果。同时,可以设置一些参数来控制动画的速度、方向和循环方式等。当然,还可以通过添加一些动画特效,例如淡入淡出、旋转等,来增加图片轮播的视觉效果。最后,需要在主窗口的event循环中启动定时器,以触发图片轮播的更新。通过这样的步骤,就可以实现一个简单的Qt图片轮播动画效果

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值