Qt 学习笔记 - 第五章 - Qt 时间编程 - Qt 时钟

Qt 学习笔记全系列传送门：

• Qt 学习笔记 - 第一章 - 快速开始、信号与槽

• Qt 学习笔记 - 第二章 - 添加图片、布局、界面切换

• Qt 学习笔记 - 第三章 - Qt的三驾马车之一 - 串口编程 + 程序打包成Windows软件

• Qt 学习笔记 - 第四章 - Qt的三驾马车之二 - 网络编程

• 【本章】Qt 学习笔记 - 第五章 - Qt 时间编程 - Qt 时钟

目录

• 1、UI
• 2、逻辑实现

1、UI

• 时间显示：使用QLabel，显示时间
• 开始按钮：开始计时
• 停止按钮：停止计时
• 重置按钮：计时归零
• 打点按钮：记录时刻
• 显示框：使用QTextBowser，显示记录的时刻

2、逻辑实现

• 头文件

  #ifndef WIDGET_H
  #define WIDGET_H
  
  #include <QWidget>
  #include <QTimer>
  #include <QTime>
  
  namespace Ui {
  class Widget;
  }
  
  class Widget : public QWidget
  {
      Q_OBJECT
  
  public:
      explicit Widget(QWidget *parent = 0);
      ~Widget();
  
      // 在本节内容中，本质上是作为一种定时任务
      QTimer localTimer;
      QTimer timer;
      // 真正的时间
      QTime localTime;
      QTime time;
  
  private slots:
      void on_startBt_clicked();
  
      void timeout_slot();
  
      void on_resetBt_clicked();
  
      void on_stopBt_clicked();
  
      void on_bitBt_clicked();
  
  private:
      Ui::Widget *ui;
      // 用于打点计数
      int i;
  };
  
  #endif // WIDGET_H
  
  

• 初始化

  • 获取当前时间并展示到页面的信号与槽关联可以理解为槽函数是一个匿名函数，[]是要传入槽函数中需要使用到的内容的数组
  • []中的内容可以传this，即[this]，包含头文件中定义的全部内容
  • 若非头文件中定义的内容，则不能只传this，如代码中的j也需要使用的话，需要传入[this, j]。当然，也可以直接传[=]，这里的=是this的超集，包含头文件和.cpp文件中定义的所有内容

  Widget::Widget(QWidget *parent) :
      QWidget(parent),
      ui(new Ui::Widget)
  {
      ui->setupUi(this);
  
      // 创建窗口时先对秒表进行一次初始化
      this->on_resetBt_clicked();
  
      // 每30毫秒触发信号，用于本地时间的刷新
      localTimer.start(30);
      // int j = 0;
      // 获取当前时间并展示到页面，使用方法详见上方注释
      connect(&localTimer, &QTimer::timeout, this, [=](){
          localTime = QTime::currentTime();
          ui->localTime->setText(localTime.toString("hh:mm:ss:zzz"));
      });
  
      // 设置监听，监听到定时信号时，调用槽函数，增加秒表的时间
      connect(&timer, SIGNAL(timeout()), this, SLOT(timeout_slot()));
  }
  

• 开始计时与计时过程

  void Widget::on_startBt_clicked()
  {
      // 每30毫秒触发信号timeout()
      timer.start(30);
  }
  
  void Widget::timeout_slot()
  {
      //qDebug("test");
      // 秒表增加的时间与定时信号的间隔时间相同
      time = time.addMSecs(30);
      ui->showTime->setText(time.toString("hh:mm:ss:zzz"));
  }
  

• 停止计时

  void Widget::on_stopBt_clicked()
  {
      // 停止定时任务，即停止秒表
      timer.stop();
  }
  

• 打点

  void Widget::on_bitBt_clicked()
  {
      QString tmp;
      tmp.sprintf("%d", ++i);
      ui->showBit->append(tmp);
      ui->showBit->append(time.toString("hh:mm:ss:zzz"));
  }
  

• 重置计时

  void Widget::on_resetBt_clicked()
  {
      // 先关闭计时
      this->on_stopBt_clicked();
  
      // 重置时间为0并显示到页面
      time.setHMS(0, 0, 0, 0);
      ui->showTime->setText("00:00:00:000");
  
      // 打点的初始化
      i = 0;
      ui->showBit->clear();
  }