Qt实现简易秒表设计

Qt–简易秒表设计(QTimer,Qtime,TableWiget应用),供大家参考,具体内容如下

效果图

使用QTimer和QTime两个类

思路:

1.计时功能:

利用QTimer中的定时器中断信号,设置每10毫秒触发一次timeout信号,在对应槽函数中对LCD number中显示的时间进行更新,即LCD屏中每十毫秒更新一次;对于时间的累加显示(QTimer是定时器)需要Qtime,在每一次timeout信号出发时,使Qtime类的time累加上10ms。

部分关键代码如下(代码并非连续,只说关键点,源码在末尾):

//.h文件中添加头文件
#include <QTimer>
#include <QTime>

//声明
    QTimer * m_Timer;    //定时器,用来每10ms发出timeout信号
    QTime m_Time;    //用来计时
    QTime showTime;    //往lcd上显示的时间

// .cpp文件里 构造函数中进行初始化  
    m_Timer = new QTimer;
    m_Time.setHMS(0, 0, 0, 0);    //

//设置timeout间隔10ms
    m_Timer->start(10);

//每次timeout让m_Time加10ms
    connect(m_Timer, &QTimer::timeout, this, &app::updateDisplayTime);
    //曹函数如下
    void app::updateDisplayTime()
    {
        m_Time = m_Time.addMSecs(10);//计时器累加10ms
        QString tim = m_Time.toString("mm:ss.zzz");//时间转换为字符串         
        ui->lcdNumber_Timer->display(tim.left(tim.length() - 1));//将字符串最后一个0去掉
    }

时间的显示与更新逻辑解决后,其次是如何使用***tableWiget***控件实现计次功能,以下简单介绍tableWiget使用与计次功能实现:

//计次按钮对应的槽函数
    int m_Row = 0;//行数
    if(ui->pushButton_Count->text() == "计次")
    {
        QString tim = m_Time.toString("mm:ss.zzz");//获取时间
        ui->tableWidget->insertRow(m_Row);//插入行,每次点击计次都需要新加入一行 
        //每次新增一个格子(不是一行)都需要new一个QTableWigetitem
        ui->tableWidget->setItem(m_Row, 0, new QTableWidgetItem(tr("#%0").arg(m_Row+1)));//0行,0列为序号
        ui->tableWidget->setItem(m_Row, 1, new QTableWidgetItem("计次"));//0行,1列为动作
        ui->tableWidget->setItem(m_Row, 2, new QTableWidgetItem(tim.left(tim.length() - 1)));//计次时间
        m_Row++;
    }

2.按键设计

​按下开始按钮后,开始按钮变为停止, 按下停止后停止变为继续并且计次变为复位,,主要逻辑类似于iphone手机里的计时器,自己点点就明白了,主要是逻辑问题,详情见源码:

3.源码

(有很多地方可以单独写成函数的,此处就先这样吧,主要是总结思路,勿喷)

#ifndef APP_H
#define APP_H

#include <QWidget>
#include <QTimer>
#include <QTime>

QT_BEGIN_NAMESPACE
namespace Ui { class app; }
QT_END_NAMESPACE

class app : public QWidget
{
    Q_OBJECT

public:
    app(QWidget *parent = nullptr);
    ~app();

private slots:

    void on_pushButton_Start_clicked();

    void on_pushButton_Count_clicked();

private:
    Ui::app *ui;
    QTimer * m_Timer;
    QTime m_Time;
    QTime showTime;
    int m_Row;
public:
    void updateDisplayTime();
};
#endif // APP_H
#include "app.h"
#include "ui_app.h"
#include <QDebug>

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

    m_Timer = new QTimer;
    m_Time.setHMS(0, 0, 0, 0);
    m_Row = 0;
    //初始化显示
    ui->lcdNumber_Timer->display("00:00.00");
    QStringList Header;
    Header << "序号" << "动作" << "计次";
    ui->tableWidget->setColumnCount(3);
    ui->tableWidget->setHorizontalHeaderLabels(Header);
    //开始,暂停,计次事件

    connect(m_Timer, &QTimer::timeout, this, &app::updateDisplayTime);
}

app::~app()
{
    delete ui;

}

//更新l'c'd中的时间
void app::updateDisplayTime()
{
    qDebug() << "timeout";
    QString tim = m_Time.toString("mm:ss.zzz");
    m_Time = m_Time.addMSecs(10);
    ui->lcdNumber_Timer->display(tim.left(tim.length() - 1));
}

// 开始, 与 暂停, 判断,如果按钮名称为开始
void app::on_pushButton_Start_clicked()
{
    //qDebug() << "startBtn";

    //启动定时器,并设置timeout的中断间隔为10毫秒
    if(ui->pushButton_Start->text() == "开始")    //按下时是开始,开始计时,并且此按键变为停止
    {
        m_Timer->start(10);
        m_Row = 0;
        ui->tableWidget->clearContents();
        ui->tableWidget->setRowCount(0);
        ui->pushButton_Start->setText("停止");
        ui->pushButton_Count->setText("计次");
    }
    else if(ui->pushButton_Start->text() == "停止")   //按下时是停止,停止计时,并且按键变为继续
    {
        ui->pushButton_Start->setText("继续");
        ui->pushButton_Count->setText("复位");

        ui->tableWidget->insertRow(m_Row);
        ui->tableWidget->setItem(m_Row, 0, new QTableWidgetItem(tr("#%0").arg(m_Row+1)));
        ui->tableWidget->setItem(m_Row, 1, new QTableWidgetItem("停止"));

        //按钮为停止时按下,停止时间
        m_Timer->stop();
        QString tim = m_Time.toString("mm:ss.zzz");
        ui->tableWidget->setItem(m_Row, 2, new QTableWidgetItem(tim.left(tim.length() - 1)));
        m_Row++;
    }
    else if(ui->pushButton_Start->text() == "继续")
    {
        ui->pushButton_Start->setText("停止");
        ui->pushButton_Count->setText("计次");
        m_Timer->start(10);
    }
    else
    {
        return;
    }
}

//计次与复位
void app::on_pushButton_Count_clicked()
{
    if(ui->pushButton_Count->text() == "计次")
    {
        QString tim = m_Time.toString("mm:ss.zzz");

        ui->tableWidget->insertRow(m_Row);
        ui->tableWidget->setItem(m_Row, 0, new QTableWidgetItem(tr("#%0").arg(m_Row+1)));
        ui->tableWidget->setItem(m_Row, 1, new QTableWidgetItem("计次"));
        ui->tableWidget->setItem(m_Row, 2, new QTableWidgetItem(tim.left(tim.length() - 1)));
        m_Row++;
    }
    else if(ui->pushButton_Count->text() == "复位")   //复位时将另一个按钮变为开始
    {
        m_Time.setHMS(0,0,0,0);
        ui->lcdNumber_Timer->display("00:00.00");
        ui->pushButton_Start->setText("开始");
    }
    else
    {
        return;
    }
}

text() == "复位")   //复位时将另一个按钮变为开始
    {
        m_Time.setHMS(0,0,0,0);
        ui->lcdNumber_Timer->display("00:00.00");
        ui->pushButton_Start->setText("开始");
    }
    else
    {
        return;
    }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • 基于实现Qt秒表设计

    基于Qt秒表设计 这个只是虚拟机下的Dialog中设计的秒表,大家感兴趣的可以根据自己手机的秒表界面来设计,亦或是有别的想法也可以在ui中添加函数,或者是在ui界面自己添加调整.本篇将给除了给出Qt秒表设计例子之外还会为大家提供一些常用函数. 一.Qt绘图系统简介 Qt的绘图系统允许使用相同的API在屏幕和其它打印设备上进行绘制.整个绘图系统基于 QPainter,QPainterDevice和QPaintEngine三个类. QPainter用来执行绘制的操作: QPaintDevice则允许

  • Qt编写秒表功能

    本文实例为大家分享了Qt编写秒表的具体实现代码,供大家参考,具体内容如下 文件widget.h #ifndef WIDGET_H #define WIDGET_H #include<QTimer> #include <QWidget> #include<QString> #include<QTime> namespace Ui { class Widget; }   class Widget : public QWidget {     Q_OBJECT  

  • QT实现秒表项目

    本文实例为大家分享了QT实现秒表项目的具体代码,供大家参考,具体内容如下 源代码目录 mainwindow.ui窗口设计 mainwindow.h #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> #include<QTime> #include<QTimer> namespace Ui { class MainWindow; } class MainWindow : public QMai

  • Qt实现简易秒表设计

    Qt–简易秒表设计(QTimer,Qtime,TableWiget应用),供大家参考,具体内容如下 效果图 使用QTimer和QTime两个类 思路: 1.计时功能:​ 利用QTimer中的定时器中断信号,设置每10毫秒触发一次timeout信号,在对应槽函数中对LCD number中显示的时间进行更新,即LCD屏中每十毫秒更新一次:对于时间的累加显示(QTimer是定时器)需要Qtime,在每一次timeout信号出发时,使Qtime类的time累加上10ms. 部分关键代码如下(代码并非连续

  • Qt实现简易计时器的示例代码

    目录 一.项目介绍 二.项目基本配置 三.UI界面设计 四.主程序实现 4.1 mainwindow.h头文件 4.2 mainwindow.cpp源文件 五.效果演示 一.项目介绍 计时器实现四个功能:开始计时.停止计时.暂停计时以及打点.当点击暂停时,开始按钮和停止按钮无法点击,此时暂停按钮变为继续.当点击停止时,开始按钮和暂停按钮无法点击,此时停止按钮变为清零. 二.项目基本配置 新建一个Mainwindow界面.基本配置与其他Qt项目类似,这里不过多介绍. 三.UI界面设计 UI界面如下

  • 基于Qt实现简易GIF播放器的示例代码

    目录 一.项目介绍 二.项目基本配置 三.UI界面设计 四.主程序实现 4.1 mainwindow.h头文件 4.2 mainwindow.cpp源文件 五.效果演示 一.项目介绍 利用Qt设计一个简易GIF播放器,可以播放GIF动画.其基本功能有载入文件.播放.暂停.停止.快进和快退. 二.项目基本配置 新建一个Qt案例,项目名称为“GIFTest”,基类选择“QMainWindow”,创建UI界面复选框的选中状态,完成项目创建. 三.UI界面设计 UI界面如下: 界面中创建了8个控件,其名

  • 基于Qt编写简易的视频播放器

    目录 一.前言 二.效果图 三.体验地址 四.相关代码 五.功能特点 5.1 基础功能 5.2 特色功能 5.3 视频控件 5.4 内核ffmpeg 一.前言 花了一年多的时间,终于把这个超级播放器做成了自己想要的架构,用户的需求是一方面,自己架构方面的提升也是一方面,最主要是将界面和解码解耦了,这样才能动态的挂载不同的解码内核到不同的窗体,多对多关系,而且解耦和才能方便的实现共享解码,整个设计参照了Qt的设计思路,将各种功能做成不同的类组件,同时还有多层基类的设计,最大的提炼共性,本组件设计的

  • Qt实现简易时钟

    本文实例为大家分享了Qt实现简易时钟展示的具体代码,供大家参考,具体内容如下 一.效果展示 简单实现时钟(圆盘+QLCDNumber),大小刻度,数字等. 二.实现 .pro QT += core gui greaterThan(QT_MAJOR_VERSION, 4): QT += widgets CONFIG += c++11 # The following define makes your compiler emit warnings if you use # any Qt featur

  • Qt实现简易毛玻璃效果的示例代码

    目录 现有功能 运行结果 源码 frosted_glass_label.h frosted_glass_label.cpp main.cpp 现有功能 1.用模糊功能实现简易的毛玻璃效果. 2.鼠标移动无边框窗口. 运行结果 源码 frosted_glass_label.h #ifndef FROSTEDGLASSLABEL_H #define FROSTEDGLASSLABEL_H #include <QWidget> #include <QLabel> #include <

  • Qt实现简易QQ聊天界面

    本文实例为大家分享了Qt实现简易QQ聊天界面的具体代码,供大家参考,具体内容如下 代码 myDialog.h #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QWidget> #include <QToolButton> #include <QVBoxLayout> #include <QHBoxLayout> #include <QList> class MyDialog : public

  • Android Studio实现简易计算器设计

    本文实例为大家分享了Android Studio实现简易计算器的具体代码,供大家参考,具体内容如下 一.题目 1.如图所示(实际设计,类似此界面样式即可,全屏时,按钮将会纵向拉伸),利用网格布局管理器设计一个居中.满屏计算器,项目名称:clc666b:(666,改成自己的实际编号) 2.加.乘分别用2个单选按钮进行选择: 3.为clc666b编写程序(clc666a不需要编程,只设计界面即可),根据选择的加(乘)单选按钮,实现两个数的加法和乘法的简单计算. 4.为了简化程序设计,上方的数据区也可

  • Android实现简易秒表功能

    本文实例为大家分享了Android实现秒表功能的具体代码,供大家参考,具体内容如下 今天为了给师弟们讲安卓,花了10分钟写了一个简易的秒表app,现贴出代码,供各位刚入门以及还未入门的同学们参考 第一步:布局activity_main.xml: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android

随机推荐