QT图片轮播器(QT实操学习2)

1.项目架构

1.UI界面

2.widget.h​

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

#define TIMEOUT   1 * 1000
QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    virtual void timerEvent(QTimerEvent *event);
    ~Widget();

private slots:
    void on_startButton_clicked();

    void on_pardonButton_clicked();

private:
    Ui::Widget *ui;
    int myTimerId;
    int picId;
};
#endif // WIDGET_H

3.main.cpp​

#include "widget.h"

#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Widget w;
    w.show();
    return a.exec();
}

3.widget.cpp​

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

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    picId = 2;
    QPixmap pix("/data/wzh/QT/Qt_1/picture/1.png");
    ui->label->setPixmap(pix);
}

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


void Widget::on_startButton_clicked()
{
    //开启定时器，返回定时器编号
    myTimerId = this->startTimer(TIMEOUT);

}

void Widget::timerEvent(QTimerEvent *event)
{

    if (event->timerId() != myTimerId)
        return;

    QString path("/data/wzh/QT/Qt_1/picture/");
    path += QString::number(picId);
    path += ".png";
    QPixmap pix(path);
    ui->label->setPixmap(pix);
    picId++;
    if (5 == picId)
        picId = 1;
}


void Widget::on_pardonButton_clicked()
{
    this->killTimer(myTimerId);
}

2. 程序讲解

1. 初始化界面

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    picId = 2;
    QPixmap pix("/data/wzh/QT/Qt_1/picture/1.png");
    ui->label->setPixmap(pix);
}

• 界面设置：构造函数中初始化UI组件。

• 图片加载：使用QPixmap加载第一张图片并显示在QLabel上。

• 初始图片ID：设置picId为2，表示下一张图片的ID。

2. 启动定时器

void Widget::on_startButton_clicked()
{
    // 开启定时器，返回定时器编号
    myTimerId = this->startTimer(TIMEOUT);
}

• 定时器启动：点击“开始”按钮时，调用startTimer方法启动定时器。

• 定时器ID：startTimer返回定时器的唯一标识符，用于后续的定时器事件处理。

3. 定时器事件处理

void Widget::timerEvent(QTimerEvent *event)
{
    if (event->timerId() != myTimerId)
        return;

    QString path("/data/wzh/QT/Qt_1/picture/");
    path += QString::number(picId);
    path += ".png";
    QPixmap pix(path);
    ui->label->setPixmap(pix);
    picId++;
    if (5 == picId)
        picId = 1;
}

• 事件过滤：检查事件的定时器ID是否与我们启动的定时器ID匹配。

• 图片路径构造：根据picId构造图片的完整路径。

• 图片加载与显示：使用QPixmap加载图片并更新QLabel显示。

• 图片ID循环：picId递增，当达到5时重置为1，实现循环播放。

4. 停止定时器

void Widget::on_pardonButton_clicked()
{
    this->killTimer(myTimerId);
}

• 停止定时器：点击“停止”按钮时，调用killTimer方法停止定时器。