QT图片轮播器实现方法二(QT实操2)

1.项目架构


1.UI界面

2.widget.h​

1. #ifndef WIDGET_H
2. #define WIDGET_H
4. #include <QWidget>
5. #include <QTimer>
7. #define TIMEOUT 1 * 1000
8. QT_BEGIN_NAMESPACE
9. namespace Ui { class Widget; }
10. QT_END_NAMESPACE
12. class Widget : public QWidget
13. {
14.     Q_OBJECT
16. public:
17.     Widget(QWidget *parent = nullptr);
18.     ~Widget();
20. private slots:
21.     void on_startButton_clicked();
22.     void timeoutSlot();
25.     void on_stopButton_clicked();
27.     void on_singleButton_clicked();
29. private:
30.     Ui::Widget *ui;
31.     QTimer *timer;
32.     int picId;
33. };
34. #endif // WIDGET_H

复制代码

3.main.cpp​

1. #include "widget.h"
3. #include <QApplication>
5. int main(int argc, char *argv[])
6. {
7.     QApplication a(argc, argv);
8.     Widget w;
9.     w.show();
10.     return a.exec();
11. }

复制代码

3.widget.cpp​

1. #include "widget.h"
2. #include "ui_widget.h"
4. Widget::Widget(QWidget *parent)
5.     : QWidget(parent)
6.     , ui(new Ui::Widget)
7. {
8.     ui->setupUi(this);
10.     timer = new QTimer;
12.     picId = 2;
13.     QImage img;
14.     img.load("/data/wzh/QT/Qt_1/picture/1.png");
15.     ui->label->setPixmap(QPixmap::fromImage(img));
16.     //定时器时间到，发出timeout信号
17.     connect(timer,&QTimer::timeout,this,&Widget::timeoutSlot);
18. }
20. Widget::~Widget()
21. {
22.     delete ui;
23. }
26. void Widget::on_startButton_clicked()
27. {
28.     timer->start(TIMEOUT);
29. }
31. void Widget::timeoutSlot()
32. {
33.     QString path("/data/wzh/QT/Qt_1/picture/");
34.     path += QString::number(picId);
35.     path += ".png";
36.     QImage img;
37.     img.load(path);
38.     ui->label->setPixmap(QPixmap::fromImage(img));
39.     picId++;
40.     if (5 == picId)
41.         picId = 1;
42. }
44. void Widget::on_stopButton_clicked()
45. {
46.     timer->stop();
47. }
50. void Widget::on_singleButton_clicked()
51. {
52.     QTimer::singleShot(1000,this,SLOT(timeoutSlot()));
53. }

复制代码

2. 步伐解说

1. 初始化界面

1. Widget::Widget(QWidget *parent)
2.     : QWidget(parent)
3.     , ui(new Ui::Widget)
4. {
5.     ui->setupUi(this);
7.     timer = new QTimer;
9.     picId = 2;
10.     QImage img;
11.     img.load("/data/wzh/QT/Qt_1/picture/1.png");
12.     ui->label->setPixmap(QPixmap::fromImage(img));
13.     // 定时器时间到，发出timeout信号
14.     connect(timer, &QTimer::timeout, this, &Widget::timeoutSlot);
15. }

复制代码

• 定时器初始化：创建一个QTimer对象，用于定时触发变乱。
  
• 图片加载：利用QImage加载第一张图片，并通过QPixmap::fromImage转换为QPixmap显示在QLabel上。
  
• 信号槽毗连：将定时器的timeout信号毗连到timeoutSlot槽函数，确保定时器触发时调用图片切换逻辑。
  

2. 启动定时器

1. void Widget::on_startButton_clicked()
2. {
3.     timer->start(TIMEOUT);
4. }

复制代码

• 定时器启动：点击“开始”按钮时，调用timer->start(TIMEOUT)启动定时器，TIMEOUT为定时器的时间间隔（毫秒）。
  

3. 定时器变乱处置处罚

1. void Widget::timeoutSlot()
2. {
3.     QString path("/data/wzh/QT/Qt_1/picture/");
4.     path += QString::number(picId);
5.     path += ".png";
6.     QImage img;
7.     img.load(path);
8.     ui->label->setPixmap(QPixmap::fromImage(img));
9.     picId++;
10.     if (5 == picId)
11.         picId = 1;
12. }

复制代码

• 图片路径构造：根据picId构造图片的完备路径。
  
• 图片加载与显示：利用QImage加载图片并转换为QPixmap，更新QLabel显示。
  
• 图片ID循环：picId递增，当达到5时重置为1，实现循环播放。
  

4. 停止定时器

1. void Widget::on_stopButton_clicked()
2. {
3.     timer->stop();
4. }

复制代码

• 定时器停止：点击“停止”按钮时，调用timer->stop()停止定时器。
  

5. 单次定时器

1. void Widget::on_singleButton_clicked()
2. {
3.     QTimer::singleShot(1000, this, SLOT(timeoutSlot()));
4. }

复制代码

• 单次定时器：点击“单次”按钮时，利用QTimer::singleShot设置一个单次定时器，1000毫秒后触发timeoutSlot，实现单次图片切换。
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。