返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >QT5实现电子时钟
  • 660
分享到

QT5实现电子时钟

2024-04-02 19:04:59 660人浏览 八月长安
摘要

本文实例为大家分享了Qt5实现电子时钟的具体代码,供大家参考,具体内容如下 一、电子时钟的显示 效果如下: 电子时钟显示 二、新建工程 Widgets Application项目名

本文实例为大家分享了Qt5实现电子时钟的具体代码,供大家参考,具体内容如下

一、电子时钟的显示

效果如下:

电子时钟显示

二、新建工程

Widgets Application项目名位clock,基础类位QDialog,取消创建UI界面的勾选框,项目名右击添加新文件

在弹出的对话框中选择“c++ Class”,Base class基础类名“QLCDNumber”,class name命名为digiclock,点击完成。

三、编辑digiclock.h文件

#ifndef DIGICLOCK_H
#define DIGICLOCK_H
#include <QLCDNumber>
 
class DigiClock : public QLCDNumber
{
public:
    DigiClock(QWidget *parent=0);
    void mousePressEvent(QMouseEvent *);
    void mouseMoveEvent(QMouseEvent *);
private slots:
    void showTime();//显示槽函数
 
private:
    QPoint dragPosition;//相对位置偏移
    bool showColon;//是否显示“:”
    QTimer *mtimer;
};
 
#endif // DIGICLOCK_H

四、编辑digiclock.cpp文件

#include "digiclock.h"
#include <QTime>
#include <QTimer>
#include <QMouseEvent>
#include <QDebug>
 
DigiClock::DigiClock(QWidget *parent):QLCDNumber(parent)
{
    QPalette p = palette();//
    p.setColor(QPalette::Window,Qt::blue);
    setPalette(p);//设置窗体颜色
    setWindowFlags(Qt::FramelessWindowHint);//窗体设置位无边框
    setWindowOpacity(0.5);//设置透明度
    mtimer = new QTimer(this);//new 定时器对象
    //下列方法1不可以定时
    //connect(mtimer,SIGNAL(timeout()),this,SLOT(showTime()));
    //下列方法2可以实现定时
    connect(mtimer,&QTimer::timeout,[=](){showTime();});   
    if(mtimer->isActive()==false)//定时器检查激活状态
    {
    mtimer->start(1000);//启动
    }
    showTime();//槽函数
    resize(300,60);
    showColon=true;
}
void DigiClock::showTime()
{
    QTime time1 = QTime::currentTime();//获取当前时间
    QString text = time1.toString("hh:mm:ss");
    this->setDigitCount(8);//设置显示长度
 
    if(showColon)
    {
        text[2]=':';
        text[5]=':';
        showColon=false;
    }else
    {
        text[2]=' ';
        text[5]=' ';
        showColon=true;
    }
     //qDebug()<<text;
     display(text);
}
void DigiClock::mousePressEvent(QMouseEvent *event)
{
    if(event->button()==Qt::LeftButton)
    {
        //获取移动参考点
        dragPosition=event->globalPos()-frameGeometry().topLeft();
        event->accept();
    }
    if(event->button()==Qt::RightButton)
    {
        close();
    }
}
void DigiClock::mouseMoveEvent(QMouseEvent *event)
{
    if(event->buttons()&Qt::LeftButton)
    {
        move(event->globalPos()-dragPosition);//拖拽移动
        event->accept();
    }
}

五、编辑主函数

#include "dialog.h"
 
#include <QApplication>
#include "digiclock.h"
 
int main(int arGC, char *argv[])
{
    QApplication a(argc, argv);
    DigiClock w;
    w.show();
    return a.exec();
}

六、总结

调试方法1时,connect(mtimer,SIGNAL(timeout()),this,SLOT(showTime()));不能实现定时的效果,纠结了好一阵,还是没发现问题,可能时QT书写形式更新了?

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

--结束END--

本文标题: QT5实现电子时钟

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

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

猜你喜欢
  • QT5实现电子时钟
    本文实例为大家分享了QT5实现电子时钟的具体代码,供大家参考,具体内容如下 一、电子时钟的显示 效果如下: 电子时钟显示 二、新建工程 Widgets Application项目名...
    99+
    2024-04-02
  • Qt实现电子时钟
    本文实例为大家分享了Qt实现电子时钟的具体代码,供大家参考,具体内容如下 进一步认识Qt中的属性,我们现在再做一个小练习,去实现一个简易版电子时钟的效果。 效果展示: 新建项目: ...
    99+
    2024-04-02
  • C++实现电子时钟效果
    本文实例为大家分享了C++实现电子时钟的具体代码,供大家参考,具体内容如下 此精确到秒,因为有精度误差加上从计算机获取初始时间时处理比较简单,因此运行一段时间会出现较大的误差。 代码...
    99+
    2024-04-02
  • js实现电子时钟效果
    本文实例为大家分享了js实现电子时钟效果的具体代码,供大家参考,具体内容如下 代码区域 代码如下(示例): <!DOCTYPE html> <html lang="...
    99+
    2024-04-02
  • 原生js实现电子时钟
    本文实例为大家分享了js实现电子时钟的具体代码,供大家参考,具体内容如下 index.html <!DOCTYPE html> <html lang="en"&g...
    99+
    2024-04-02
  • js实现电子时钟功能
    电子时钟是网上常见的功能,在学习date对象和定时器功能时,来完成一个电子时钟的制作是不错的选择。学习本教程之前,读者需要具备html和css技能,同时需要有简单的javascrip...
    99+
    2024-04-02
  • JavaScript实现网页电子时钟
    本文实例为大家分享了JavaScript实现网页电子时钟的具体代码,供大家参考,具体内容如下 如图就是一个简易的网页电子时钟,利用Javascript和 html和 css就可以制...
    99+
    2024-04-02
  • Qt怎么实现电子时钟
    今天小编给大家分享一下Qt怎么实现电子时钟的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。一、项目介绍利用Qt实现显示与桌面上...
    99+
    2023-07-02
  • JavaScript实现页面电子时钟
    本文实例为大家分享了JavaScript实现页面电子时钟的具体代码,供大家参考,具体内容如下 题目:页面上有一个电子时钟,显示当前的年月日,时分秒,要求自动变化,双位显示,例如:九点...
    99+
    2024-04-02
  • vue实现电子时钟效果
    本文实例为大家分享了vue实现电子时钟的具体代码,供大家参考,具体内容如下 html <div class="dateBox">       <div class...
    99+
    2024-04-02
  • 基于QT5实现一个时钟桌面
    目录介绍实现代码clock.pro analogclock.h analogclock.cppmain.cpp编译打包编译打包介绍 这是一个简单的时钟运行界面,项...
    99+
    2024-04-02
  • JS实现电子时钟入门操作
    本文实例为大家分享了JS实现电子时钟入门操作的具体代码,供大家参考,具体内容如下 代码呈上: <!DOCTYPE html> <html lang="en">...
    99+
    2024-04-02
  • js+html+css实现简单电子时钟
    本文实例为大家分享了js+html+css实现简单电子时钟的具体代码,供大家参考,具体内容如下 最终结果: HTML部分 <!DOCTYPE html> <htm...
    99+
    2024-04-02
  • js如何实现电子时钟效果
    本篇内容主要讲解“js如何实现电子时钟效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“js如何实现电子时钟效果”吧!代码如下(示例):<!DOCTYPE html><...
    99+
    2023-07-02
  • js怎么实现电子时钟功能
    这篇“js怎么实现电子时钟功能”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“js怎么实现电子时钟功能”文章吧。先准备一个ht...
    99+
    2023-07-02
  • 怎么使用JS实现电子时钟
    本篇内容介绍了“怎么使用JS实现电子时钟”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!代码呈上:<!DOCTYPE html...
    99+
    2023-07-02
  • JavaScript如何实现页面电子时钟
    这篇文章主要介绍了JavaScript如何实现页面电子时钟的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JavaScript如何实现页面电子时钟文章都会有所收获,下面我们一起来看看吧。题目:页面上有一个电子时钟...
    99+
    2023-07-02
  • C++怎么实现电子时钟效果
    今天小编给大家分享一下C++怎么实现电子时钟效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。此精确到秒,因为有精度误差加上...
    99+
    2023-06-30
  • Qt实现电子时钟的示例代码
    目录一、项目介绍二、项目基本配置三、UI界面设计四、主程序实现4.1 添加新文件4.2 digiclock.h头文件4.3 digiclock.cpp源文件4.4 main.cpp源...
    99+
    2024-04-02
  • 怎么用原生js实现电子时钟
    这篇文章主要介绍“怎么用原生js实现电子时钟”,在日常操作中,相信很多人在怎么用原生js实现电子时钟问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用原生js实现电子时钟”的疑惑有所帮助!接下来,请跟着小编...
    99+
    2023-07-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作