Qt实现简单动态时钟

更新时间：2020年07月12日 11:25:11 作者：weixin_45752304

这篇文章主要为大家详细介绍了Qt实现简单动态时钟，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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
时钟

C语言实现简单的聊天室功能
这篇文章主要为大家详细介绍了C语言实现简单的聊天室功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-06-06
通俗易懂的C语言快速排序和归并排序的时间复杂度分析
这篇文章主要为大家通俗易懂的讲解了C语言快速排序和归并排序的时间复杂度分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-01-01
使用C++制作简单的web服务器（续）
本文承接上文《使用C++制作简单的web服务器》，把web服务器做的功能稍微强大些，主要增加的功能是从文件中读取网页并返回给客户端，而不是把网页代码写死在代码中，有需要的小伙伴来参考下吧。
2015-03-03
C语言结构体字节对齐的实现深入分析
这篇文章主要介绍了C语言结构体字节对齐的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-10-10
C读txt到二维数组的实现方法
下面小编就为大家带来一篇C读txt到二维数组的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-12-12
C++中list容器的实现
本文主要介绍了C++中list容器的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-03-03
C/C++中*和&的用法详解
在本篇文章中我们给大家总结了C/C++中*和&的用法以及相关的代码分享，有兴趣的朋友赶紧学习下吧。
2018-03-03
C/C++实现7bit与8bit编码互相转换
这篇文章主要为大家详细介绍了如何使用C/C++实现7bit与8bit编码互相转换功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
2024-10-10
Vscode搭建远程c开发环境的图文教程
很久没有写C语言了，今天抽空学习下C语言知识，接下来通过本文给大家介绍Vscode搭建远程c开发环境的详细步骤，本文通过图文实例代码相结合给大家介绍的非常详细，需要的朋友参考下吧
2021-11-11
使用C++绘制GDI位图的基本编写实例
这篇文章主要介绍了使用C++绘制GDI位图的基本编写实例,一般来说适用于Windwos下的C++的GUI编程,需要的朋友可以参考下
2015-12-12

Qt实现简单动态时钟

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具