广告
返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >Qt实现简易秒表设计
  • 260
分享到

Qt实现简易秒表设计

Qt秒表 2022-11-13 14:11:21 260人浏览 安东尼
摘要

Qt–简易秒表设计(QTimer,Qtime,TableWiget应用),供大家参考,具体内容如下 效果图 使用QTimer和QTime两个类 思路: 1.计时功能:​

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;
    }
}

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

--结束END--

本文标题: Qt实现简易秒表设计

本文链接: https://www.lsjlt.com/news/171781.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Qt实现简易秒表设计
    Qt–简易秒表设计(QTimer,Qtime,TableWiget应用),供大家参考,具体内容如下 效果图 使用QTimer和QTime两个类 思路: 1.计时功能:​...
    99+
    2022-11-13
    Qt 秒表
  • 基于实现Qt秒表设计
    基于Qt秒表设计 这个只是虚拟机下的Dialog中设计的秒表,大家感兴趣的可以根据自己手机的秒表界面来设计,亦或是有别的想法也可以在ui中添加函数,或者是在ui界面自己添加调整。本篇...
    99+
    2022-11-13
    Qt 秒表
  • Android实现简易秒表功能
    本文实例为大家分享了Android实现秒表功能的具体代码,供大家参考,具体内容如下 今天为了给师弟们讲安卓,花了10分钟写了一个简易的秒表app,现贴出代码,供各位刚入门以及还未入...
    99+
    2022-11-13
    Android 秒表
  • Qt timerEvent实现简单秒表功能
    本文实例为大家分享了Qt timerEvent实现简单秒表的具体代码,供大家参考,具体内容如下 #ifndef WIDGET_H #define WIDGET_H //头文件 #in...
    99+
    2022-11-13
    Qt timerEvent 秒表
  • 利用QT设计秒表功能
    本文实例为大家分享了QT设计秒表功能的具体代码,供大家参考,具体内容如下 一、窗口界面的设置 可以使用属性栏digitCount来设计此时0的初始位置 二、代码的编写 1、确定时间...
    99+
    2022-11-13
    QT 秒表
  • QT设计秒表功能(跑步计时器)
    本文实例为大家分享了QT设计秒表功能的具体代码,供大家参考,具体内容如下 设计目标 1. 定时器开始 2.复位从0开始计时 3.记录--把记录的时间添加到QTextBrowser, ...
    99+
    2022-11-13
    QT 秒表
  • QT实现秒表项目
    本文实例为大家分享了QT实现秒表项目的具体代码,供大家参考,具体内容如下 源代码目录 mainwindow.ui窗口设计 mainwindow.h #ifndef MAINWIN...
    99+
    2022-11-13
    QT 秒表
  • 微信小程序实现简单秒表设计
    本文实例为大家分享了微信小程序实现简单秒表的具体代码,供大家参考,具体内容如下 my.js部分 data: {     hidden:true,     num:num,     h...
    99+
    2022-11-13
    微信小程序 秒表
  • Qt实现简易计时器的示例代码
    目录一、项目介绍二、项目基本配置三、UI界面设计四、主程序实现4.1 mainwindow.h头文件4.2 mainwindow.cpp源文件五、效果演示一、项目介绍 计时器实现四个...
    99+
    2022-11-13
    Qt 简易计时器 Qt 计时器 Qt 计时
  • Android Studio实现简易计算器设计
    本文实例为大家分享了Android Studio实现简易计算器的具体代码,供大家参考,具体内容如下 一、题目 1、如图所示(实际设计,类似此界面样式即可,全屏时,按钮将会纵向拉伸),...
    99+
    2022-11-13
    Android Studio 计算器
  • Qt实现简易QQ聊天界面
    本文实例为大家分享了Qt实现简易QQ聊天界面的具体代码,供大家参考,具体内容如下 代码 myDialog.h #ifndef MAINWINDOW_H #define MAINWIN...
    99+
    2022-11-13
    Qt QQ聊天界面 Qt聊天界面 Qt聊天
  • Android Studio怎么实现简易计算器设计
    今天小编给大家分享一下Android Studio怎么实现简易计算器设计的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下...
    99+
    2023-06-30
  • Qt如何实现简易QQ聊天界面
    这篇文章主要介绍了Qt如何实现简易QQ聊天界面的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Qt如何实现简易QQ聊天界面文章都会有所收获,下面我们一起来看看吧。myDialog.h#ifndef MA...
    99+
    2023-07-02
  • iOS实现简易钟表
    本文实例为大家分享了iOS实现简易钟表的具体代码,供大家参考,具体内容如下 效果图: 注意:表盘是一个UIImageView控件,设置image为表盘图片 核心代码: // /...
    99+
    2022-05-23
    iOS 钟表
  • 微信小程序实现简单计算器与秒表
    本文实例为大家分享了微信小程序实现简单计算器与秒表的具体代码,供大家参考,具体内容如下 实验内容: 任务一:实现一个简单的加减乘除运算。 首先输入两个运算数,然后选择加、减、乘、除四...
    99+
    2022-11-13
    微信小程序 计算器 秒表
  • Qt实现简单折线图表
    本文实例为大家分享了Qt实现简单折线图表的具体代码,供大家参考,具体内容如下 main.cpp #include <QApplication> #include <...
    99+
    2022-11-13
    Qt折线图表 Qt图表 Qt折线图
  • VueEcharts简易实现仪表盘
    目录前言仪表盘的特点仪表盘的基本实现仪表盘的常见效果前言 本篇来学习写仪表盘图 仪表盘的特点 可以更直观的表现出某个指标的进度或实际情况 仪表盘的基本实现 ECharts 最基本的代...
    99+
    2022-12-17
    Vue Echarts仪表盘 Vue Echarts Vue仪表盘
  • Java实现简易计算器(逆波兰表达式)
    本文实例为大家分享了Java实现简易计算器的具体代码,供大家参考,具体内容如下 程序的运行环境为Windows10 ,编译环境为IDEA。 计算器有以下功能和要求:能够计算复杂表达式...
    99+
    2022-11-13
    java 计算器
  • Android Studio实现简易计算器(表格布局TableLayout)
    这是一个运用网格布局来做的简易计算器,可能没有那么美观,大家可以继续完善 首先先看看成果吧 首先先建一个新的Project Calculator 然后先编写颜色背景文件 创建...
    99+
    2022-06-06
    Android Studio studio 表格 Android
  • QT实现简单计算器功能
    本文实例为大家分享了QT实现简单计算器功能的具体代码,供大家参考,具体内容如下 效果图: 新建工程,创建类MainWindow,基类是QMainWindow,声明变量和函数、槽 m...
    99+
    2022-11-13
    QT 计算器
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作