Qt实现简单动态时钟
更新时间:2020年7月12日 16:49 点击:1647
本文实例为大家分享了Qt实现简单动态时钟的具体代码,供大家参考,具体内容如下
任务实现:
通过Qt语言使用计时器实现一个简单的动态时钟;
实现效果:
实现过程:
整体过程主要分为两个部分:
1.绘制一个表盘所需的元素:时分秒针,刻度,还可以插入钟面背景图片;
2.让所绘制的指针动起来(使用计时器并关联系统时间);
整体代码:
dialog.h
#ifndef DIALOG_H #define DIALOG_H #include <QDialog> QT_BEGIN_NAMESPACE namespace Ui { class Dialog; } QT_END_NAMESPACE class Dialog : public QDialog { Q_OBJECT public: Dialog(QWidget *parent = nullptr); ~Dialog(); void paintEvent(QPaintEvent *event); void drawSecond(QPainter *painter); void drawMinute(QPainter *painter); void drawHour(QPainter *painter); void drawClock(QPainter *painter); private: Ui::Dialog *ui; }; #endif // DIALOG_H
dialog.cpp
#include "dialog.h" #include "ui_dialog.h" #include <QPainter> #include <QTime> #include <QTimer> #include <QPixmap> #include <QPen> Dialog::Dialog(QWidget *parent) : QDialog(parent) , ui(new Ui::Dialog) { ui->setupUi(this); resize(959,959); setWindowTitle("My Clock"); QTimer *timer = new QTimer(this); timer->start(1000); //信号的链接 connect(timer,SIGNAL(timeout()),this,SLOT(update())); } Dialog::~Dialog() { delete ui; } void Dialog::paintEvent(QPaintEvent *event) { QPainter painter(this); QPixmap map(":/Resrouse/Pic.jpg"); QRect q(0,0,959,959); QRect q2(0,0,width(),height()); painter.drawPixmap(q2,map,q); //防止图形走样 painter.setRenderHint(QPainter::Antialiasing,true); //使得窗口可调节,图形随之变形 painter.setWindow(0,0,200,200); //重新设置坐标轴的原点位置 painter.translate(100,100); //调用绘制图像函数,分别绘制时分秒 drawClock(&painter); drawSecond(&painter); drawMinute(&painter); drawHour(&painter); } void Dialog::drawSecond(QPainter *painter) { static const QPoint Second[4]= { QPoint(2, 5), QPoint(0, 18), QPoint(-2, 5), QPoint(0, -90) }; //获取当前系统时间currentTime(); QTime time = QTime::currentTime(); //设置绘制颜色 painter->setBrush(Qt::red); painter->setPen(Qt::red); //save进行保存 painter->save(); //完成绘制(时间换算倾斜角度) painter->rotate(6.0*time.second()); painter->drawConvexPolygon(Second,4); //ratate进行复位 painter->restore(); } void Dialog::drawMinute(QPainter *painter) { static const QPoint Minute[4]= { QPoint(2, 5), QPoint(0, 16), QPoint(-2, 5), QPoint(0, -70) }; QTime time = QTime::currentTime(); painter->setBrush(Qt::blue); painter->setPen(Qt::blue); painter->save(); painter->rotate(6.0*(time.minute()+time.second()/60.0)); painter->drawConvexPolygon(Minute,4); painter->restore(); } void Dialog::drawHour(QPainter *painter) { static const QPoint Hour[4]= { QPoint(2, 5), QPoint(0, 13), QPoint(-2, 5), QPoint(0, -40) }; QTime time = QTime::currentTime(); painter->setBrush(Qt::yellow); painter->setPen(Qt::yellow); painter->save(); painter->rotate(30.0*(time.hour()+time.minute()/60.0)); painter->drawConvexPolygon(Hour,4); painter->restore(); } void Dialog::drawClock(QPainter *painter) { QPen pen; pen.setWidth(2); pen.setColor(Qt::white); painter->setPen(pen); //绘制钟表刻度盘和数字 for (int i = 1; i <=60; ++i) { painter->save(); painter->rotate(6*i);//坐标轴旋转6度 //分别绘制长短线 if (i % 5 == 0) { painter->drawLine(0, -98, 0, -82); painter->drawText(-20, -82, 40, 40,Qt::AlignHCenter | Qt::AlignTop,QString::number(i/5)); } else { painter->drawLine(0, -98, 0, -88); } painter->restore();//绘制图形后复位坐标系 } }
表盘绘制:
使用paintEvent()函数,以结构体形式来储存每一个指针的大小位置,并进行绘制;
下面用秒针的绘制作为例子:
void Dialog::drawSecond(QPainter *painter) { static const QPoint Second[4]= { QPoint(3, 5), QPoint(0, 18), QPoint(-3, 5), QPoint(0, -90) }; //获取当前系统时间currentTime(); QTime time = QTime::currentTime(); //设置绘制颜色 painter->setBrush(Qt::red); painter->setPen(Qt::red); //save进行保存 painter->save(); //完成绘制(时间换算倾斜角度) painter->rotate(6.0*time.second()); painter->drawConvexPolygon(Second,4); //ratate进行复位 painter->restore(); }
调用时间:
设置计时器的时间为1000ms,即1s;
QTimer *timer = new QTimer(this); timer->start(1000); //信号的链接 connect(timer,SIGNAL(timeout()),this,SLOT(update()));
其他:
1.图片的插入:
map中内容可替换为自行导入的资源文件
QPixmap map(":/Resrouse/Pic.jpg"); QRect q(0,0,959,959); QRect q2(0,0,width(),height()); painter.drawPixmap(q2,map,q);
2.绘制颜色的改变:
QPen pen; //设置画笔的宽度 pen.setWidth(2); //设置画笔的颜色 pen.setColor(Qt::white); //调用设置的画笔参数 painter->setPen(pen);
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持猪先飞。
上一篇: Qt通过图片组绘制动态图片
下一篇: QT实现动态时钟
相关文章
- 华为手机怎么开启双时钟?华为手机是可以设置双时钟的,如果来回在两个有时差的地方工作,是可以设置双时钟显示,下面我们就来看看华为添加双时钟的技巧,需要的朋友可以参考下...2020-12-08
- 下面小编就为大家分享一篇Qt 使用Poppler实现pdf阅读器的示例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-04-25
- 这篇文章主要介绍了将matplotlib绘图嵌入pyqt的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-04-27
- 这篇文章主要为大家详细介绍了微信小程序入门之绘制时钟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-10-23
- 在前一篇中我们介绍了键盘和鼠标事件,其实还有一个非常常用的事件,就是定时器事件,如果要对程序实现时间上的控制,那么就要使用到定时器。而随机数也是很常用的一个功能,在我们要想产生一个随机的结果时就要使用到随机数。本文我们就来简单介绍一下定时器和随机数。...2020-04-25
- 这篇文章主要为大家详细介绍了使用js和canvas实现时钟效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-09-08
- 这篇文章主要为大家详细介绍了JavaScript实现动态数字时钟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-05-28
- 这篇文章主要给大家介绍了关于教你3分钟如何发布Qt程序的相关资料,文中通过实例代码结束的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧...2020-08-24
- 这篇文章主要给大家介绍了关于Swift利用纯代码实现时钟效果的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用swift具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-30
- 这篇文章主要为大家详细介绍了Qt实现闹钟小程序,利用Qt的designer设计需要的闹钟界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-04-25
- 本文主要介绍了Qt使用windeployqt工具实现程序打包发布方法,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-11-01
- 信号和槽是Qt特有的信息传输机制,本文主要介绍了浅谈Qt信号与槽的各种连接方式,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-02
- 这篇文章主要介绍了PyQt QMainWindow的使用示例,帮助大家更好的理解和学习使用pyqt,感兴趣的朋友可以了解下...2021-03-20
- 本文主要介绍了Qt实现UDP多线程数据处理及发送的简单实例,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-10-21
- 这篇文章主要为大家详细介绍了Qt自定义控件实现线条型加载条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-04-25
- 这篇文章主要为大家详细介绍了Qt自定义控件实现圆圈加载进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-04-25
- 这篇文章主要为大家详细介绍了Qt实现Flappy Bird游戏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-04-25
- 这篇文章主要为大家详细介绍了js+css3实现炫酷时钟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-08-19
- 这篇文章主要为大家详细介绍了Qt使用QPainter绘制3D立方体,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-08-21
- 这篇文章主要介绍了C#实现漂亮的数字时钟效果,涉及时间函数的应用及绘图的方法,需要的朋友可以参考下...2020-06-25