当前位置: 首页 > article >正文

QT使用事件事件和绘制事件实现简易时钟

        这个时钟实现的底层原理主要是利用 Qt 的绘图机制和定时器。首先,设置固定大小的窗口,创建定时器并连接到槽函数,定时器每秒钟触发一次,触发窗口重绘。在paintEvent函数中,使用QPainter进行绘图,绘制圆形表盘和时间点标记。通过获取当前时间,计算时针、分针和秒针的旋转角度,使用rotate函数旋转坐标系,然后绘制相应长度的直线代表指针。每次定时器触发时,调用update函数引发重绘,实现时钟的动态显示。

widght.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QDebug>
#include <QLabel>
#include <QPen>
#include <QPainter>
#include <QPaintEvent>
#include <QTime>
#include <QTimer>

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();


private:
    Ui::Widget *ui;
    //定时器
    QTimer *timer;

    //绘制事件
    void paintEvent(QPaintEvent *event) override;

private slots:;
    void update_slot();
};
#endif // WIDGET_H

widget.cpp

#include "widget.h"
#include "ui_widget.h"

#include <QTime>
#include <QPainter>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    // 设置窗口大小
    this->setFixedSize(600, 600);
    // 创建定时器
    timer = new QTimer(this);
    // 连接定时器时信号与槽函数
    connect(timer, &QTimer::timeout, this, &Widget::update_slot);
    timer->start(1000);

    QLabel *name = new QLabel(this);
    name->setText("江诗丹顿");
    name->move(this->width()/2-30,this->height()/2+100);
    name->setStyleSheet("color: red; font-size: 16px;");

}

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

void Widget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);
    // 获取当前时间
    QTime time = QTime::currentTime();

    // 准备画笔
    QPen pen;
    pen.setColor("green");
    pen.setWidth(2);

    // 实例化一个画家
    QPainter painter(this);
    painter.setPen(pen);
    painter.drawEllipse(this->width()/2 - 200, this->height()/2 - 200, 400, 400);

    // 设置坐标系起点为窗口中心
    painter.translate(this->width()/2, this->height()/2);

    // 绘制时间点标记
    pen.setColor("gray");
    pen.setWidth(2);
    painter.setPen(pen);
    for (int i = 0; i < 12; ++i) {
        painter.save();
        painter.rotate(30 * i);
        painter.drawLine(180, 0, 190, 0);
        painter.restore();
    }

    // 绘制时针
    painter.rotate(30.0 * ((time.hour() % 12) + time.minute() / 60.0 + time.second() / 3600.0));
    pen.setWidth(8);
    pen.setColor("blue");
    painter.setPen(pen);
    painter.drawLine(0, 0, 50, 0);

    // 绘制分针
    painter.rotate(6.0 * (time.minute() + time.second() / 60.0));
    pen.setWidth(4);
    pen.setColor("orange");
    painter.setPen(pen);
    painter.drawLine(0, 0, 70, 0);

    // 绘制秒针
    painter.rotate(6.0 * time.second());
    pen.setWidth(2);
    pen.setColor("red");
    painter.setPen(pen);
    painter.drawLine(0, 0, 90, 0);

}

void Widget::update_slot()
{
    update();
}


http://www.kler.cn/news/309013.html

相关文章:

  • java自定义注解
  • 数据结构——二叉搜索树
  • linux-网络管理-防火墙配置
  • 面试真题-TCP的三次握手
  • STM32外设-0.96寸OLED显示屏
  • [数据集][目标检测]男女性别检测数据集VOC+YOLO格式9769张2类别
  • AI重塑视觉体验:将图像与视频转化为逼真可编辑的3D虚拟场景
  • 使用jackson将xml和对象、List相互转换
  • 碰撞检测 | 图解线段几何与线段相交检测原理(附ROS C++可视化)
  • pandas读取Excel保留空格与数字前置0
  • UNI-APP 富文本编辑器,可以对图片、文字格式进行编辑和混排。
  • python之openpyxl模块——实现Excel表格的处理(万字教学,全网最全,超详细!)
  • 深度解析代理IP地址与端口:定义及高效获取方法
  • 硬件工程师笔试面试——保险丝
  • 运维面试题1
  • 微信小程序中实现类似于 ECharts 的图表渲染及优化
  • Java项目实战II基于Java+Spring Boot+MySQL的作业管理系统设计与实现(源码+数据库+文档)
  • OpenAI o1——人工智能推理能力的飞跃,助力高级问题解决
  • Spark处理结构化数据:DataFrame、DataSet、SparkSQL
  • Linux5-echo,>,tail
  • 关于前后端跨域访问的问题
  • C语言16--宏定义和关键字
  • 【FFmpeg应用场景概述】
  • Nginx实用篇:实现负载均衡、限流与动静分离
  • source ~/.bash_profile有什么用
  • MySQL record 05 part
  • mysql5.7常用操作命令手册
  • 是时候对企业数字化转型进行一次复盘了
  • idea 编辑器常用插件集合
  • 如何恢复已删除的远程分支