QT实现动态时钟

 更新时间:2020年07月12日 11:03:31   作者:m0_46287462  
这篇文章主要为大家详细介绍了QT实现动态时钟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

首次学习QT,这次用QT实现了动态图的制作,并成功制作了一个简易的时钟,效果如图:

加快100倍效果

所用背景图,如下(素材来源于百度图片):

代码,原理如下:

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
 Q_OBJECT

public:
 MainWindow(QWidget *parent = nullptr);
 ~MainWindow();
 void paintEvent(QPaintEvent *event); //重载paintEvent函数
 void timerEvent(QTimerEvent *event); //重载timerEvent函数

private:
 Ui::MainWindow *ui;
 int second=0; //该变量用来记录秒针旋转度数
 double minute=0,hour=0;//该变量分别用来记录分针,时针旋转度数
 QPixmap pic; //用来保存导入的背景位图
};
#endif // MAINWINDOW_H

main.cpp

#include "mainwindow.h"

#include <QApplication>

int main(int argc, char *argv[])
{
 QApplication a(argc, argv);
 MainWindow w;
 w.show();
 return a.exec();
}

mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include<QPainter>
#define PI 3.1415926
#define WIDE 1000
#define HIGHT 1000
MainWindow::MainWindow(QWidget *parent)
 : QMainWindow(parent)
 , ui(new Ui::MainWindow)
{
 ui->setupUi(this);
 resize(WIDE,HIGHT);
 startTimer(1000);

}

MainWindow::~MainWindow()
{
 delete ui;
}
void MainWindow::timerEvent(QTimerEvent *event)//该函数每秒执行一次
{
 second+=6;  //秒针刻度+6°
 minute+=0.1; //秒针刻度+0.1°(秒针速度/60)
 hour+=0.0016666667; //秒针刻度+0.0016666667°(秒针速度/3600)
 repaint();
}
void MainWindow::paintEvent(QPaintEvent *event)
{
 QPainter painter(this);
 QPixmap pix(":/new/prefix1/1.png"); //导入背景位图
 pic=pix;
 QRect p(0,0,1000,1000);
 QRect p2(0,0,1000,1000);
 painter.drawPixmap(p2,pic,p);  //以原有尺寸从界面(0,0)点绘制位图
 painter.translate(WIDE/2-10,HIGHT/2); //设置绘图原点坐标为(WIDE/2-10,HIGHT/2)(此处坐标即为表盘中心,便于接下来的指针即刻度线绘制时的旋转操作)
 painter.drawEllipse(QPoint(10,0),327,327);
 painter.setBrush(QBrush(QColor(0,0,0)));
 painter.drawEllipse(QPoint(0,0),10,10);
 for (int i=1;i<=12;i++)
 {
  QFont font;      //设置字体
  font.setPointSize(17); //设置字体大小
  font.setFamily("Microsoft YaHei"); //设置字体样式
  font.setLetterSpacing(QFont::AbsoluteSpacing,0);
  painter.setFont(font);
  QString s=QString("%1").arg(i); //将int型变量i转化为Qstring类型以便用drawText函数画在窗口
  painter.drawText(QPoint(290*cos(PI*(i-1)/6-PI/3),290*sin(PI*(i-1)/6-PI/3)+10),s);    //将数字1-12在窗口画在以原点为中心,290为半径的圆上每次绘画后角度顺时针旋转30°
 }
 for (int i=0;i<=60;i++) //表盘刻度的绘制以及颜色渐变的实现
 {
  painter.translate(WIDE/2,HIGHT/2); //设置绘图原点为(WIDE/2,HIGHT/2)
  if(i*12<255) //从六点左边一格的刻度开始绘制,且每次绘制时以i为变量改变rgb颜色实现钟表刻度填充色的渐变
  {
   painter.setBrush(QBrush(QColor(0,0,i*12)));  
  }
  else if(i*12>255&i*12<510)
  {
   painter.setBrush(QBrush(QColor(0,((42-i)*12)%255,0)));
  }
  else
  {
   painter.setBrush(QBrush(QColor(((63-i)*12)%255,0,0)));
  }
  if(i%5==0)  //当i为5的倍数时绘制较长刻度线 绘制方法为通过rotate函数以之前设置的原点为旋转轴旋转一定角度到相应刻度线位置
  {
   painter.rotate(6*i);
   painter.drawRect(0,327,4,-30);

  }
  else
  {
   painter.rotate(6*i);
   painter.drawRect(0,327,2,-20);
  }
  painter.resetTransform(); //重置绘图中心
 }
 painter.setBrush(QBrush(QColor(0,0,0))); //设置黑色填充色
  painter.translate(WIDE/2-10,HIGHT/2); //绘制秒针
 painter.rotate(second);  //以原点为轴旋转相应角度以指向相应刻度 下同
 painter.drawRect(-5,-320,10,320);
 painter.resetTransform();
 painter.translate(WIDE/2-10,HIGHT/2); //绘制分针
 painter.rotate(minute);
 painter.drawRect(-3,-300,6,300);
 painter.resetTransform();
 painter.translate(WIDE/2-10,HIGHT/2); //绘制时针
 painter.rotate(hour);
 painter.drawRect(-7,-180,14,180);
 painter.resetTransform();

}

注意点:

1.painter.translate(WIDE/2,HIGHT/2);
设置绘图原点,使用后接下来的绘图坐标都将以括号中的坐标为原点进行绘图,直至使用painter.resetTransform()函数
2.painter.rotate()时针指针即刻度线都是通过rotate()函数进行旋转绘制的
3.painter.setBrush(QBrush(QColor(0,0,0)));
QBrush()设置画刷
QColor(0,0,0)设置rgb颜色三个参数全0为黑,全255为白,可根据个人喜好调整
4.second+=6; //秒针刻度+6°
minute+=0.1; //秒针刻度+0.1°(秒针速度/60)
hour+=0.0016666667; //秒针刻度+0.0016666667°(秒针速度/3600)
注意调整好时针,分针,秒针之间的关系
5.repaint()每秒需要调用repaint()函数以来重新绘制窗口部件以绘制时钟的下一个状态
6.其他详细信息请参考代码内注释

若文章有错误或代码有更优方法欢迎批评指正

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

相关文章

  • C语言模拟实现动态通讯录

    C语言模拟实现动态通讯录

    本文主要介绍了C语言模拟实现动态通讯录,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-07-07
  • C++实现raw_input的方法

    C++实现raw_input的方法

    这篇文章主要介绍了C++实现raw_input的方法,通过C++来实现Python中发raw_input的方法,非常具有实用价值,需要的朋友可以参考下
    2014-10-10
  • 使用Qt/C++实现WGS84,高德GCJ-02与百度BD-09坐标系间相互转化

    使用Qt/C++实现WGS84,高德GCJ-02与百度BD-09坐标系间相互转化

    这篇文章主要为大家详细介绍了如何使用Qt实现WGS84、高德GCJ-02与百度BD-09坐标系间相互转化,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-07-07
  • C语言可变参数函数详解示例

    C语言可变参数函数详解示例

    一般我们编程的时候,函数中形式参数的数目通常是确定的,在调用时要依次给出与形式参数对应的实际参数。但在某些情况下我们希望函数的参数个数可以根据需要确定,因此c语言引入可变参数函数。典型的可变参数函数的例子有printf()、scanf()等,下面我就开始讲解
    2013-11-11
  • C++模板实现顺序栈

    C++模板实现顺序栈

    这篇文章主要为大家详细介绍了C++模板实现顺序栈,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-04-04
  • 数据结构之堆详解

    数据结构之堆详解

    这篇文章主要介绍了数据结构之堆详解,本文讲解了堆的基本常识堆的基本操作、堆的应用等内容,需要的朋友可以参考下
    2014-08-08
  • 基于Matlab制作一个数独求解器

    基于Matlab制作一个数独求解器

    这篇文章主要为大家详细介绍了如何利用Matlab制作一个数独求解器,文中的示例代码讲解详细,对我们学习Matlab有一定帮助,需要的可以参考一下
    2022-05-05
  • C++读取wav文件中的PCM数据

    C++读取wav文件中的PCM数据

    这篇文章主要为大家详细介绍了C++读取wav文件中的PCM数据,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • Qt利用QPainter实现基本绘图的示例详解

    Qt利用QPainter实现基本绘图的示例详解

    Qt 中提供了强大的 2D 绘图系统,可以使用相同的 API 在屏幕和绘图设备上进行绘制,它主要基于QPainter、QPaintDevice 和 QPaintEngine 这三个类。本文主要和大家介绍一下QPainter实现的基本绘图,感兴趣的可以了解一下
    2022-12-12
  • C++运算符重载限制介绍

    C++运算符重载限制介绍

    这篇文章主要介绍了C++运算符重载限制,关于运算符的重载并不是随心所欲的。C++给出了一些限制,从而保证了规范,以及程序运行的准确性,下面来了解C++运算符重载限制的详细内容吧,需要的朋友也可以参考一下
    2022-01-01

最新评论