常用界面设计组件 —— 时间日期与定时器

大家好，欢迎来到IT知识分享网。

2.7 时间日期与定时器

2.7.1 时间日期相关的类

时间日期是经常遇到的数据类型，Qt中时间日期类型的 类如下：

• QTime ，时间数据类型， 仅表示时间， 如 18:08:08。
• QDate， 日期数据类型， 仅表示日期， 如2023-7- 21。
• QDateTime ，日期时间数据类型，表示日期和时 间， 如2023-07-21 18:08:08。

QT中有专门用于日期、时间编辑和显示的界面组件，如 下：

• QTimeEdit， 编辑显示时间的组件。
• QDateEdit, 编辑和显示日期的组件。
• QDateTimeEdit, 编辑和显示日期时间的组件。
• QCalendarWidget, 一个用日历形式选择日期日期的 组件。

定时器是用来处理周期性事件的一种对象，类似于硬件 定时器。例如设置一个定时器的定时周期为1000毫秒， 那么每1000毫秒就会发射定时器的timeout()信号，在 信号关联的槽函数里就可以做相应的处理。Qt中的定时 器类为QTimer,它直接从QObject类继承而来，不是界面 组件类。

2.7.2 日期时间数据与字符串之间的 转换

设计如下图所示对话框

QDateEdit和QTimeEdit都从QDateTimeEdit继承而 来，实现针对日期或时间的特定显示功能。实际上 QDateEdit和QTimeEdit的显示功能都可以通过 QDateTimeEdit实现，只需要设置好属性即可。

时间日期转字符串的函数：

QString QDateTime::toString(const QString &format) const 

设置“读取当前日期时间”按钮对应的槽函数

#include "widget.h" #include "ui_widget.h" #include <QDateTime> Widget::Widget(QWidget *parent) : QWidget(parent) , ui(new Ui::Widget) { 
    // 初始化界面 ui->setupUi(this); } Widget::~Widget() { 
    // 释放ui指针 delete ui; } void Widget::on_pushButton_set_data_time_2_clicked() { 
    // 获取当前日期时间 QDateTime curDateTime = QDateTime::currentDateTime(); // 设置时间编辑框的时间为当前时间 ui->timeEdit->setTime(curDateTime.time()); // 将当前时间格式化为字符串，设置到文本编辑框中 ui->lineEdit_time->setText(curDateTime.toString("hh:mm:ss")); // 设置日期编辑框的日期为当前日期 ui->dateEdit->setDate(curDateTime.date()); // 将当前日期格式化为字符串，设置到文本编辑框中 ui->lineEdit_data->setText(curDateTime.toString("yyyy-MM-dd")); // 设置日期时间编辑框的日期和时间为当前日期时间 ui->dateTimeEdit->setDateTime(curDateTime); // 将当前日期时间格式化为字符串，设置到文本编辑框中 ui->lineEdit_data_time->setText(curDateTime.toString("yyyy-MM-dd hh:mm:ss")); } 

字符串转时间日期的函数：

//将格式化的字符串转换为QDateTime对象 QDateTime QDateTime::fromString(const QString &string, const QString &format) 

void Widget::on_pushButton_set_time_clicked() { 
    // 获取时间字符串 QString str = ui->lineEdit_time->text(); //将字符串前后的空格去掉 str = str.trimmed(); // 如果字符串为空，直接返回 if (str.isEmpty()) { 
    return; } // 将字符串转换为QDateTime对象，使用格式"hh:mm:ss" QDateTime datetime = QDateTime::fromString(str, "hh:mm:ss"); // 设置时间到UI的TimeEdit控件 ui->timeEdit->setDateTime(datetime); } void Widget::on_pushButton_set_data_time_clicked() { 
    // 获取日期时间字符串 QString str = ui->lineEdit_data_time->text(); str = str.trimmed(); // 如果字符串为空，直接返回 if (str.isEmpty()) { 
    return; } // 将字符串转换为QDateTime对象，使用格式"yyyy-MM-dd hh:mm:ss" QDateTime datetime = QDateTime::fromString(str, "yyyy-MM-dd hh:mm:ss"); // 设置日期时间到UI的DateTimeEdit控件 ui->dateTimeEdit->setDateTime(datetime); } void Widget::on_pushButton_set_data_clicked() { 
    // 获取日期字符串 QString str = ui->lineEdit_data->text(); str = str.trimmed(); // 如果字符串为空，直接返回 if (str.isEmpty()) { 
    return; } // 将字符串转换为QDateTime对象，使用格式"yyyy-MM-dd" QDateTime datetime = QDateTime::fromString(str, "yyyy-MM-dd"); // 设置日期到UI的DateEdit控件 ui->dateEdit->setDateTime(datetime); } 

2.7.3 QCalendarWidget日历组件

#include "mainwindow.h" #include "ui_mainwindow.h" MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) , ui(new Ui::MainWindow) { 
    // 初始化MainWindow ui->setupUi(this); // 连接日历选择变化信号与槽函数 connect(ui->calendarWidget, SIGNAL(selectionChanged()), SLOT(on_calendarWidget_selectionChanged())); } MainWindow::~MainWindow() { 
    // 释放内存 delete ui; } void MainWindow::on_calendarWidget_selectionChanged() { 
    // 获取选中的日期 QDate date = ui->calendarWidget->selectedDate(); // 将日期转换为指定格式的字符串并显示在LineEdit中 ui->lineEdit->setText(date.toString("yyyy-MM-dd")); } 

2.7.4 定时器

Qt中的定时器类是QTimer。QTimer不是一个可见的界 面组件，在UI设计器的组件面板里找不到它。QTimer主 要的属性是interval,是定时中断的周期，单位是毫秒。 QTimer主要的信号是timeout(),在定时中断时发射此信号，要想在定时中断里做出响应，这就需要编写 timeout()信号的槽函数。 QElapsedTimer 用于快速计算两个事件的间隔时间，它 没有父类，不支持 Qt 的元对象系统,QElapsedTimer 的 主要接口函数定义如下：

void start() //复位并启动计时器 qint64 elapsed() //返回流逝的时间，单位：毫秒 qint64 nsecsElapsed() //返回流逝的时间，单位：纳秒 qint64 restart() //重新启动计时器 

#ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> #include <QTimer> #include <QElapsedTimer> QT_BEGIN_NAMESPACE namespace Ui { 
    class MainWindow; } QT_END_NAMESPACE class MainWindow : public QMainWindow { 
    Q_OBJECT public: // 构造函数 MainWindow(QWidget *parent = nullptr); // 析构函数 ~MainWindow(); private slots: // 开始按钮点击时的槽函数 void on_pushButton_start_clicked(); // 停止按钮点击时的槽函数 void on_pushButton_stop_clicked(); // spinBox值改变时的槽函数 void on_spinBox_valueChanged(int arg1); // 定时器的timeout信号对应的槽函数 void on_timeout(); private: Ui::MainWindow *ui; // UI指针 QTimer timer; // 定时器 QElapsedTimer counter; // 计时器 }; #endif // MAINWINDOW_H 

#include "mainwindow.h" #include "ui_mainwindow.h" #include <QTime> MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) , ui(new Ui::MainWindow) { 
    // 初始化MainWindow ui->setupUi(this); // 设置定时器的时间间隔为spinBox的值 timer.setInterval(ui->spinBox->value()); // 连接定时器的timeout信号与槽函数on_timeout connect(&timer, SIGNAL(timeout()), this, SLOT(on_timeout())); } MainWindow::~MainWindow() { 
    // 释放内存 delete ui; } void MainWindow::on_timeout() { 
    // 获取当前时间 QTime curTime = QTime::currentTime(); // 在LCD显示小时、分钟、秒 ui->lcd_hour->display(curTime.hour()); ui->lcd_min->display(curTime.minute()); ui->lcd_sec->display(curTime.second()); } void MainWindow::on_pushButton_start_clicked() { 
    // 启动定时器和计时器，禁用相关控件 // 启动定时器、计时器 timer.start(); counter.start(); // 禁用开始按钮、停止按钮、时间间隔输入框 ui->pushButton_start->setEnabled(false); ui->pushButton_stop->setEnabled(true); ui->spinBox->setEnabled(false); // 清空显示结果的LineEdit ui->lineEdit->setText(""); } void MainWindow::on_pushButton_stop_clicked() { 
    // 停止定时器，计算经过的时间并显示在LineEdit中，启用相关控件 // 停止定时器 timer.stop(); // 获取经过的总毫秒数 int msec = counter.elapsed(); // 计算秒和毫秒 int ms = msec % 1000; int sec = msec / 1000; // 格式化文本，显示在LineEdit中 QString text = QString::asprintf("%d秒，%d毫秒", sec, ms); ui->lineEdit->setText(text); // 启用停止按钮、开始按钮、时间间隔输入框 ui->pushButton_stop->setEnabled(false); ui->pushButton_start->setEnabled(true); ui->spinBox->setEnabled(true); } void MainWindow::on_spinBox_valueChanged(int arg1) { 
    // spinBox值改变时更新定时器的时间间隔 timer.setInterval(arg1); }