使用Qt创建一个时钟

最新推荐文章于 2023-12-11 15:01:38 发布
最新推荐文章于 2023-12-11 15:01:38 发布
阅读量2.1k 收藏 20
点赞数 3
文章标签： qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46289394/article/details/106375234
版权

如何用Qt制作时钟呢？下面一起来看一下吧：

  1. 首先来看一下成品图
    我在网上找的好看的照片作为背景，用画板画表盘和各个指针，看起来效果挺不错。
  2. 主要代码
    2.1、设置画家函数

    2.2、背景部分
    //添加背景图
    QPixmap map(":/2.jpg");
    //图片大小
    QRect q(0,0,710,710);
    //图片自定义拉伸
    QRect q2(0,0,width(),height());
    painter.drawPixmap(q2,map,q);

 首先要会添加资源



一直继续就行

先添加前缀再添加文件

2.3、声明定时器

Clock::Clock(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Clock)
{
    ui->setupUi(this);
    //先声明一个定时器
    QTimer*timer = new QTimer(this);
    connect(timer,SIGNAL(timeout()),this,SLOT(update()));
    //连接电子时钟
    connect(timer,SIGNAL(timeout()),this,SLOT(showTime()));
    timer->start(1000);
    //设置窗体名称和大小
    setWindowTitle(tr("Clock"));
    resize(400,400);
}

2.4、画布设置

//反走样功能，调用反锯齿功能，防止旋转时直线出现锯齿状
    painter.setRenderHint(QPainter::Antialiasing);
    //重新定义坐标的原点：把坐标放在窗体中间
    painter.translate(width()/2,height()/2);
    //调用drawText,增加文字“CLOCK”
    painter.drawText(side/-5,side/-4,side/4,side/3,Qt::AlignRight,tr("CLOCK"));
    //设定边界
    painter.scale(side/250.0,side/250.0);

2.5、设置时钟部分

void Clock::paintEvent(QPaintEvent*)
{
    //刻画时针、分针、秒针、长刻度、短刻度
    static const QPoint hourHand[3]={
        QPoint(7,14),
        QPoint(-7,14),
        QPoint(0,-50)
    };
    static const QPoint minuteHand[3]={
        QPoint(5,14),
        QPoint(-5,14),
        QPoint(0,-65)
    };
    static const QPoint secondHand[3]={
        QPoint(3,14),
        QPoint(-3,14),
        QPoint(0,-80)
    };
    static const QPoint line_long[2]={
        QPoint(0,100),
        QPoint(0,85)
    };
    static const QPoint line_short[2]={
        QPoint(0,100),
        QPoint(0,95)
    };
    //绘制的范围
    int side=qMin(width(),height());
    //获取当前时间
    QTime time=QTime::currentTime();
    //声明用来绘图的painter
    QPainter painter(this);

绘画时钟

//使边线为黑色
    painter.setPen(Qt::black);
    //画刷的颜色
    painter.setBrush(Qt::black);
    //保存painter的状态
    painter.save();
    //设置painter的旋转角度
    painter.rotate(30.0*((time.hour()+time.minute()/60.0)));
    //设置时针
    //画出多边形，3表示3条边
    painter.drawConvexPolygon(hourHand,3);
    //恢复当前画家状态
    painter.restore();
    painter.setPen(Qt::black);
    //时针的12个刻度
    for(int i=0;i<12;++i)
    {   //画线
        painter.drawLine(line_long[0],line_long[1]);
        if(i==0)
        {
            painter.drawText(-20,-82,40,40,Qt::AlignHCenter|Qt::AlignTop,QString::number(12));
        }
        else
        painter.drawText(-20,-82,40,40,Qt::AlignHCenter|Qt::AlignTop,QString::number(i));
        painter.rotate(30.0);
    }
    painter.setPen(Qt::black);
    painter.setBrush(Qt::black);
    //保存状态
    painter.save();
    //绘制分针转角
    painter.rotate(6.0*(time.minute()+time.second()/60.0));
    painter.drawConvexPolygon(minuteHand,3);
    painter.restore();
    painter.setPen(Qt::black);
    //分针刻度
    for(int j=0;j<60;++j)
    {
        if((j%5)!=0)
            painter.drawLine(line_short[0],line_short[1]);
        painter.rotate(6.0);
    }
    painter.setPen(Qt::black);
    painter.setBrush(Qt::black);
    painter.save();
    //绘制秒针转角
    painter.rotate(6.0*time.second());
    painter.drawConvexPolygon(secondHand,3);
    painter.restore();

2.6、电子时钟

在项目头文件中，添加公共槽函数

在cpp文件里面，在构造函数中加入定时器的定义，关联信号槽，启动定时器

//先声明一个定时器
    QTimer*timer = new QTimer(this);
    //连接电子时钟
    connect(timer,SIGNAL(timeout()),this,SLOT(showTime()));
    timer->start(1000);

编写槽函数，实现时间显示和定时刷新

void Clock::showTime()
{
    QTime time = QTime::currentTime();
    QString txtTime=time.toString("hh:mm:ss");
    ui->lcdNumber->display(txtTime);
    //ui->lcdNumber->move(side2/3,side2/2);
}

3.最后是总代码
clock.h

clock.cpp

#include "clock.h"
#include "ui_clock.h"
#include <QTime>
#include <QTimer>
#include <QPainter>
#include <QPixmap>

Clock::Clock(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Clock)
{
    ui->setupUi(this);
    //先声明一个定时器
    QTimer*timer = new QTimer(this);
    connect(timer,SIGNAL(timeout()),this,SLOT(update()));
    //连接电子时钟
    connect(timer,SIGNAL(timeout()),this,SLOT(showTime()));
    timer->start(1000);
    //设置窗体名称和大小
    setWindowTitle(tr("Clock"));
    resize(400,400);
}

void Clock::setTime(QTime)
{

}

void Clock::showTime()
{
    QTime time = QTime::currentTime();
    QString txtTime=time.toString("hh:mm:ss");
    ui->lcdNumber->display(txtTime);
    //ui->lcdNumber->move(side2/3,side2/2);
}

Clock::~Clock()
{
    delete ui;
}

void Clock::paintEvent(QPaintEvent*)
{
    //刻画时针、分针、秒针、长刻度、短刻度
    static const QPoint hourHand[3]={
        QPoint(7,14),
        QPoint(-7,14),
        QPoint(0,-50)
    };
    static const QPoint minuteHand[3]={
        QPoint(5,14),
        QPoint(-5,14),
        QPoint(0,-65)
    };
    static const QPoint secondHand[3]={
        QPoint(3,14),
        QPoint(-3,14),
        QPoint(0,-80)
    };
    static const QPoint line_long[2]={
        QPoint(0,100),
        QPoint(0,85)
    };
    static const QPoint line_short[2]={
        QPoint(0,100),
        QPoint(0,95)
    };
    //绘制的范围
    int side=qMin(width(),height());
    //获取当前时间
    QTime time=QTime::currentTime();
    //声明用来绘图的painter
    QPainter painter(this);

    //添加背景图
    QPixmap map(":/2.jpg");
    //图片大小
    QRect q(0,0,710,710);
    //图片自定义拉伸
    QRect q2(0,0,width(),height());
    painter.drawPixmap(q2,map,q);

    //设定电子时钟的位置
    ui->lcdNumber->move(width()/2.8,height()/1.7);

    //反走样功能，调用反锯齿功能，防止旋转时直线出现锯齿状
    painter.setRenderHint(QPainter::Antialiasing);
    //重新定义坐标的原点：把坐标放在窗体中间
    painter.translate(width()/2,height()/2);
    //调用drawText,增加文字“CLOCK”
    painter.drawText(side/-5,side/-4,side/4,side/3,Qt::AlignRight,tr("CLOCK"));
    //设定边界
    painter.scale(side/250.0,side/250.0);
    //使边线为黑色
    painter.setPen(Qt::black);
    //画刷的颜色
    painter.setBrush(Qt::black);
    //保存painter的状态
    painter.save();
    //设置painter的旋转角度
    painter.rotate(30.0*((time.hour()+time.minute()/60.0)));
    //设置时针
    //画出多边形，3表示3条边
    painter.drawConvexPolygon(hourHand,3);
    //恢复当前画家状态
    painter.restore();
    painter.setPen(Qt::black);
    //时针的12个刻度
    for(int i=0;i<12;++i)
    {   //画线
        painter.drawLine(line_long[0],line_long[1]);
        if(i==0)
        {
            painter.drawText(-20,-82,40,40,Qt::AlignHCenter|Qt::AlignTop,QString::number(12));
        }
        else
        painter.drawText(-20,-82,40,40,Qt::AlignHCenter|Qt::AlignTop,QString::number(i));
        painter.rotate(30.0);
    }
    painter.setPen(Qt::black);
    painter.setBrush(Qt::black);
    //保存状态
    painter.save();
    //绘制分针转角
    painter.rotate(6.0*(time.minute()+time.second()/60.0));
    painter.drawConvexPolygon(minuteHand,3);
    painter.restore();
    painter.setPen(Qt::black);
    //分针刻度
    for(int j=0;j<60;++j)
    {
        if((j%5)!=0)
            painter.drawLine(line_short[0],line_short[1]);
        painter.rotate(6.0);
    }
    painter.setPen(Qt::black);
    painter.setBrush(Qt::black);
    painter.save();
    //绘制秒针转角
    painter.rotate(6.0*time.second());
    painter.drawConvexPolygon(secondHand,3);
    painter.restore();
}

main.cpp

qq_46289394
关注
  • 3
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
QT实现绘制时钟（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
11-11 74
QT实现绘制时钟（附完整源码）
使用Qt制作的界面精美的时钟
03-28
本程序是用Qt编写的时钟程序（含源码），界面精美，代码注释清晰易懂。适合课程设计或C++大作业等。
QT绘制的时间钟表
08-23
QT绘制的时间钟表，秒针，分针，时针不同颜色，使用Qt Create5.11版本开发，打开即可运行；
QT数字时钟，简单程序，适合练习
09-22
用QT写的一个简单的QT数字时钟，可以显示当前时间。程序很简单，适合新手练习。为了方便下载，资源积分设置为0。
qt制作的虚拟钟表
09-22
qt制作的虚拟钟表
[QT]零基础手把手教你做一个简单电子钟界面
zhong_senvi的博客
07-26 1321
目录前提软件环境创建项目创建LCDnumber控件定时器LCDnumber控件修改初步完成优化项目最终效果 前提 学了3天的QT，今天项目是通过QT中的LCDnumer控件显示系统时间，再利用定时器的定时效果更新时间控件，从而做成一个电子钟界面。如果有学过C++的同学应该会比较容易上手，没有学过也可以跟着一步一步做出来… 软件环境 本次使用的是QT Creator 3.4.2版本 创建项目 1....
QT自定义控件--时钟
hw5230的博客
06-16 820
一、效果展示。
Qt之绘制时钟
weixin_33695450的博客
07-29 1086
简述 QPainter 提供了 2D 绘图的常用操作，QTimer 提供了定时器功能，将两者相结合，可以做出很多的自定义特效绘制。 下面，来实现一个每天都要接触的东西 - 时钟。包含了常见的所有功能：时针、分针、秒针。。。 简述 实现方式 示例 效果 源码 实现方式 由于时钟是妙级更新的，所以我们需要...
【QT】使用QPainter绘制小时钟
最新发布
weixin_53161762的博客
12-11 125
下面的小项目中就是使用translate()平移坐标系的原点，和使用rotate()函数来绘制时钟的刻度值。通常，QPainter在设备自己的坐标系（通常是像素）上运行，但QPainter对坐标变换有很好的支持。在Qt Creator自带的示例中也有。
用qt写一个简易时钟
qq_69347092的博客
12-12 1426
利用qt中的绘图事件做一个简易的时钟
QT制作的时钟，动态展示
10-31
qt下的时钟，可直接编译执行，动态展示。
Qt实现的日历时钟程序
12-29
Qt实现的日历时钟程序，日历可以调整日历大小，时钟可以调整时间
Qt绘制简单时钟
01-21
本文实例为大家分享了Qt绘制简单时钟的具体代码，供大家参考，具体内容如下 概述 （1）基本原理 利用简单的几何图形绘出表盘和指针，然后基于系统时间调整指针偏转角度达到模拟时钟的效果。 其中可以加上自己喜欢的...
QT的贪吃蛇小游戏开发
11-20
//创建时钟对象 tm = new QTimer(); tm->setInterval(300); //链接时钟超时信号与槽函数 connect(tm, SIGNAL(timeout()), this, SLOT(timeout_handler())); //连接按键的信号与按钮槽函数 connect(this, ...
WordClock:用QML编写的非常薄的字时钟应用程序
05-26
字时钟用QML编写的桌面字时钟。部署（macOS） make cleanqmake -config releasemakemacdeployqt WordClock.appcp icon/icon.icns WordClock.app/Contents/resources现在在Info.plist编辑< key>CFBundleIconFile...
QT_Nokia内部培训资料
09-03
• 学会如何创建Qt可视化程序 • 使用现有的和用户自定义的组件 • 使用Graphics view 组件 • 学会如何在各平台上(Symbian,Meego etc)上使用Qt • 同时使用Qt和Symbian • 样式(Styling)基础知识 课程内容 • 介绍...
利用Qt设计一个时钟
qq_45975589的博客
05-26 2930
作为一位Qt的初学者，也是一位编程的小白，我今天想教大家如何使用Qt来设计一个时钟。 首先，我们要学习如何绘图——QPainter类 QPainter通常在一个窗口的重绘事件（paint event）的处理函数paintEvent中进行绘制。QPainter类常用的功能有以下几类： 1）设置绘图工具。包括设置画笔（setPen），设置画刷（setBrush），设置字体（setFont）以及设置背景（setBackgroundMode）。 2）绘制图形和文字，如图： QPainter部分画图函数的实例： /
QT制作时钟
Wshenhhd的博客
05-03 273
【代码】QT制作时钟。
能写一个时钟的程序吗？使用qt
02-27
可以，使用Qt编写一个时钟程序是非常简单的。以下是一个简单的Qt时钟程序的示例代码： ``` #include <QtWidgets/QApplication> #include <QtWidgets/QWidget> #include <QtWidgets/QLabel> #include <QTimer> class ClockWidget : public QWidget { public: ClockWidget(QWidget *parent = nullptr) : QWidget(parent) { label = new QLabel(this); label->setAlignment(Qt::AlignCenter); QTimer *timer = new QTimer(this); connect(timer, &QTimer::timeout, this, &ClockWidget::showTime); timer->start(1000); // 1 second showTime(); } private: QLabel *label; void showTime() { QTime time = QTime::currentTime(); QString text = time.toString("hh:mm:ss"); label->setText(text); } }; int main(int argc, char *argv[]) { QApplication app(argc, argv); ClockWidget clock; clock.show(); return app.exec(); } ``` 这个程序使用Qt的QTimer类来定时更新时钟，并使用QLabel类来显示当前时间。在构造函数中创建了一个QTimer对象，并将其连接到showTime()函数，showTime()函数使用QTime类获取当前时间并将其格式化为hh:mm:ss的字符串，然后将其显示在标签上。最后，在main()函数中创建ClockWidget对象并显示出来。 希望这个示例程序对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值