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);

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

相关文章

  • C数据结构循环链表实现约瑟夫环

    C数据结构循环链表实现约瑟夫环

    这篇文章主要介绍了C数据结构循环链表实现约瑟夫环的相关资料,需要的朋友可以参考下
    2017-05-05
  • C++扫雷游戏的简单制作

    C++扫雷游戏的简单制作

    这篇文章主要为大家详细介绍了C++扫雷游戏的简单制作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • C++ 中lambda表达式的编译器实现原理

    C++ 中lambda表达式的编译器实现原理

    C++ 11加入了一个非常重要的特性——Lambda表达式。这篇文章主要介绍了C++ 中lambda表达式的编译器实现原理,需要的朋友可以参考下
    2017-02-02
  • C++实现SLR文法分析法

    C++实现SLR文法分析法

    大家好,本篇文章主要讲的是C++实现SLR文法分析法,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下
    2022-02-02
  • C++实现邮件群发的方法

    C++实现邮件群发的方法

    这篇文章主要介绍了C++实现邮件群发的方法,较为详细的分析了邮件发送的原理与C++相关实现技巧,非常具有实用价值,需要的朋友可以参考下
    2015-07-07
  • 详解CLion配置openMP的方法

    详解CLion配置openMP的方法

    这篇文章主要介绍了CLion配置openMP的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-02-02
  • 一文详解QDialog中exec与open的区别

    一文详解QDialog中exec与open的区别

    这篇文章主要为大家详细介绍了QDialog中exec与open的区别,文中的示例代码讲解详细,对我们学习Qt有一定的帮助,需要的可以参考一下
    2023-03-03
  • C语言关于自定义数据类型之枚举和联合体详解

    C语言关于自定义数据类型之枚举和联合体详解

    枚举顾名思义就是把所有的可能性列举出来,像一个星期分为七天我们就可以使用枚举,联合体是由关键字union和标签定义的,和枚举是一样的定义方式,不一样的是,一个联合体只有一块内存空间,什么意思呢,就相当于只开辟最大的变量的内存,其他的变量都在那个变量占据空间
    2021-11-11
  • Qt学习之容器的使用详解

    Qt学习之容器的使用详解

    Qt容器主要优点就是在所有的平台上的运行都表现的一致,并且它们都是隐含共享的,这篇文章就来和大家讲讲Qt中容器的具体用法吧,希望对大家有所帮助
    2023-03-03
  • C++取得本机IP的方法

    C++取得本机IP的方法

    这篇文章主要介绍了C++取得本机IP的方法,代码简单功能实用,具有不错的借鉴参考价值,需要的朋友可以参考下
    2014-10-10

最新评论