Qt实现简易时钟

本文实例为大家分享了Qt实现简易时钟展示的具体代码,供大家参考,具体内容如下

一、效果展示

简单实现时钟(圆盘+QLCDNumber),大小刻度,数字等。

二、实现

.pro

QT  += core gui

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

CONFIG += c++11

# The following define makes your compiler emit warnings if you use
# any Qt feature that has been marked deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS

# You can also make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000 # disables all the APIs deprecated before Qt 6.0.0

SOURCES += \
 main.cpp \
 mainwindow.cpp

HEADERS += \
 mainwindow.h

FORMS += \
 mainwindow.ui

# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target

RESOURCES += \
 image.qrc

.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QDateTime>

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);
 bool showColon = false;
public slots:
 void countTime();

private:
 Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include<QPainter>
#include<QTimer>
#include<QTime>
#include<QString>

MainWindow::MainWindow(QWidget *parent)
 : QMainWindow(parent)
 , ui(new Ui::MainWindow)
{
 ui->setupUi(this);

 QTimer *timer = new QTimer(this);
 connect(timer, SIGNAL(timeout()), this, SLOT(update()));
 connect(timer, SIGNAL(timeout()), this, SLOT(countTime()));
 timer->start(1000);
 countTime();

 setWindowTitle(tr("Clock_by_Xr"));
 setFixedSize(800, 400);

}

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

void MainWindow::paintEvent(QPaintEvent *event){
 static QPoint hourHand[3] = {
  QPoint(5, 3),
  QPoint(-5, 3),
  QPoint(0, -30)
 };
 static QPoint minuteHand[3] = {
  QPoint(4, 6),
  QPoint(-4, 6),
  QPoint(0, -45)
 };
 static QPoint secondHand[3] = {
  QPoint(2, 10),
  QPoint(-2, 10),
  QPoint(0, -60)
 };

 //颜色
 QColor hourColor(0, 185, 211, 238);
 QColor minuteColor(0, 96, 123, 139);
 QColor secondColor(0, 176, 226, 255);

 int side = qMin(width(), height());
 QTime time = QTime::currentTime();

 QPainter painter(this);
 painter.setRenderHint(QPainter::Antialiasing);
 //表盘
 QBrush brush1(QColor(164,211,238));
 QPen pen1(QColor(164,211,238));
 painter.setBrush(brush1);
 painter.setPen(pen1);
 painter.drawEllipse(QPoint(200,200),200/3*2,200/3*2);

 QBrush brush2(QColor(245,245,245));
 QPen pen2(QColor(245,245,245));
 painter.setBrush(brush2);
 painter.setPen(pen2);
 painter.drawEllipse(QPoint(200,200),194/3*2,194/3*2);

 QBrush brush3(QColor(250,250,250));
 QPen pen3(QColor(250,250,250));
 painter.setBrush(brush3);
 painter.setPen(pen3);
 painter.drawEllipse(QPoint(200,200),183/3*2,183/3*2);

 QBrush brush4(QColor(255,255,255));
 QPen pen4(QColor(255,255,255));
 painter.setBrush(brush4);
 painter.setPen(pen4);
 painter.drawEllipse(QPoint(200,200),175/3*2,175/3*2);

 painter.setRenderHint(QPainter::Antialiasing);
 painter.translate(width()/4, height()/2);
 painter.scale(side/200.0, side/200.0);

 painter.setPen(Qt::NoPen);
 painter.setBrush(hourColor);

 painter.save();
 painter.rotate(30.0 * ((time.hour() + time.minute() / 60.0)));
 painter.drawConvexPolygon(hourHand, 3);
 painter.restore();

 //刻度
 painter.setPen(hourColor);
 for (int i = 0; i < 12; ++i) {

  painter.rotate(30.0);
  painter.drawLine(66,0,72,0);
  painter.drawText(-15, -65, 30, 30,Qt::AlignHCenter,QString::number(i+1));
 }

 //分钟
 painter.setPen(Qt::NoPen);
 painter.setBrush(minuteColor);

 painter.save();
 painter.rotate(6.0 * (time.minute() + time.second() / 60.0));
 painter.drawConvexPolygon(minuteHand, 3);
 painter.restore();

 painter.setPen(minuteColor);
 for (int j = 0; j < 60; ++j) {
  if ((j % 5) != 0)
   painter.drawLine(68, 0, 72, 0);
  painter.rotate(6.0);
 }

 //秒钟
 painter.setPen(Qt::NoPen);
 painter.setBrush(secondColor);

 painter.save();
 painter.rotate(6.0 * time.second());
 painter.drawConvexPolygon(secondHand, 3);
 painter.restore();

 painter.end();
}

void MainWindow::countTime(){
 QTime t = QTime::currentTime();
 QString text=t.toString("hh:mm:ss");
 if(showColon){
  text[2] = ':';
  text[5] = ':';
  showColon = false;
 }
 else{
  text[2] = ' ';
  text[5] = ' ';
  showColon = true;
 }
 ui->lcdNumber->display(text);
 ui->lcdNumber_2->display(text);
}

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

(0)

相关推荐

  • Qt实现简单动态时钟

    本文实例为大家分享了Qt实现简单动态时钟的具体代码,供大家参考,具体内容如下 任务实现: 通过Qt语言使用计时器实现一个简单的动态时钟: 实现效果: 实现过程: 整体过程主要分为两个部分: 1.绘制一个表盘所需的元素:时分秒针,刻度,还可以插入钟面背景图片: 2.让所绘制的指针动起来(使用计时器并关联系统时间): 整体代码: dialog.h #ifndef DIALOG_H #define DIALOG_H #include <QDialog> QT_BEGIN_NAMESPACE name

  • Qt绘制简单时钟

    本文实例为大家分享了Qt绘制简单时钟的具体代码,供大家参考,具体内容如下 概述 (1)基本原理 利用简单的几何图形绘出表盘和指针,然后基于系统时间调整指针偏转角度达到模拟时钟的效果. 其中可以加上自己喜欢的背景资源,设计不同风格的时钟. (2)部分函数说明 ①调色和填充 painter.setBrush(Qt::red); //设置画刷,填充颜色(红色) painter.setPen(Qt::red); //设置画笔,外围轮廓颜色(红色) ②抗锯齿(减少图形外围锯齿状,使线条平滑) painte

  • QT实现简单时钟效果

    本文实例为大家分享了QT实现简单时钟效果的具体代码,供大家参考,具体内容如下 先上效果图: 预备知识: 一.钟表实现原理 设置定时器timer,每隔1000毫秒(即1s)发送timeout()信号到槽函数update(),重绘事件函数paintEvent(QPaintEventevent) 二.钟表的绘制方法 拆分钟表:表盘 数字 刻度线 指针 paintEvent(QPaintEventevent) 1.设置定时器,时间间隔为1000毫秒,并且将定时器时间与update函数关联为信号和槽,定时

  • Python+Pyqt实现简单GUI电子时钟

    本文实例为大家分享了Python+Pyqt实现简单GUI电子时钟的具体代码,供大家参考,具体内容如下 突发奇想想用GUI做一个简单的电子时钟界面,利用pyqt模块也很方便,代码如下: from PyQt5.QtGui import * from PyQt5.QtCore import * from PyQt5.QtWidgets import QWidget,QApplication,QLCDNumber,QVBoxLayout,QMessageBox,QPushButton import sy

  • QT实现动态时钟

    本文实例为大家分享了QT实现动态时钟的具体代码,供大家参考,具体内容如下 首次学习QT,这次用QT实现了动态图的制作,并成功制作了一个简易的时钟,效果如图: 加快100倍效果 所用背景图,如下(素材来源于百度图片): 代码,原理如下: mainwindow.h #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> QT_BEGIN_NAMESPACE namespace Ui { class MainWindow; }

  • Qt绘制时钟效果

    简述 QPainter 提供了 2D 绘图的常用操作,QTimer 提供了定时器功能,将两者相结合,可以做出很多的自定义特效绘制. 下面,来实现一个每天都要接触的东西 - 时钟.包含了常见的所有功能:时针.分针.秒针. 实现方式 由于时钟是妙级更新的,所以我们需要定时刷新,时钟本身则使用之前讲过的 QPainter 来进行绘制. 使用 QTimer 定时刷新,设置超时时间为 1000 毫秒(1 秒). 绘制时钟,通过 paintEvent() 实现,包括:时针.分针.秒针.及面板.表盘等. 绘制

  • Qt编程实现小时钟

    Hello World! 学习编程语言的最简单最经典的小程序,当然Qt也不例外.在学习画图时,我觉得写个时钟小程序也是个比较好的开始.在之前的<Matlab及Java小时>一文中,我也从写时钟程序作为学习画图的开始.三者之间的不同点在于,matlab是通过while循环来进行重绘,Java和Qt事件来处理.实时显示时钟,都是通过改变指针与坐标轴的相对位置来实现的.前两者都是改变指针,而Qt是旋转坐标轴.具体代码如下: 1.widget.h文件 #ifndef WIDGET_H #define

  • Qt实现指针式时钟 Qt实现动态时钟

    本文实例为大家分享了Qt实现指针式时钟.动态时钟的具体代码,供大家参考,具体内容如下 先上图: 点击运行后首先是一个指针式时钟窗口,点击Digital Clock->可以跳转到数字时钟窗口,再点击Move Clock->可以还原为指针式时钟窗口 关于整个程序的讲解都在代码注释中给出,很详细~ 概要: 我设计两个窗口,一个主窗口一个子窗口,利用按钮+信号与槽机制,实现两个窗口的互相切换,其中主窗口用来显示指针时钟,完成三个基本要求: 1.正确显示系统时钟: 2.能准确定位时钟刻度和时分秒针的位置

  • Qt设计时钟效果

    作为一位Qt的初学者,也是一位编程的小白,我今天想教大家如何使用Qt来设计一个时钟. 首先,我们要学习如何绘图--QPainter类 QPainter通常在一个窗口的重绘事件(paint event)的处理函数paintEvent中进行绘制.QPainter类常用的功能有以下几类: 1)设置绘图工具.包括设置画笔(setPen),设置画刷(setBrush),设置字体(setFont)以及设置背景(setBackgroundMode). 2)绘制图形和文字,如图: QPainter部分画图函数的

  • QTimer与QTime实现电子时钟

    本文实例为大家分享了QTimer与QTime实现电子时钟的具体代码,供大家参考,具体内容如下 使用QLCDNumber控件进行显示 QLCDNumber控件默认只显示5个字符,可以使用setDigitCount(int size)进行设置显示个数 使用Display(QString str) 设置显示内容 该函数拥有多个重载,字符 整型 浮点型都可以作为参数 效果图: 代码:头文件 #include <QLCDNumber> class NumClock : public QLCDNumber

随机推荐