利用Qt设计美观动态时钟

最新推荐文章于 2023-09-17 17:14:45 发布

原创

最新推荐文章于 2023-09-17 17:14:45 发布 · 889 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#c++

本文介绍了如何利用Qt的QTimer和QPainter模块，设计一个动态时钟。通过设置定时器更新界面，绘制时针、分针、秒针以及小时文本，实现了时钟指针的转动和文本显示。同时，文章提到了背景图片的设置以及颜色搭配的注意事项，并提供了参考资料和源码链接。

本周作业是利用Qt中所学相关QTimer和QPainter的知识，设计一个外表美观的动态时钟。
最终我设计的效果图如下：

1.效果图

在这里插入图片描述

2.实现定时器，让时钟的指针转起来

（1）构造一个定时器QTimer，连接超时信号timeout（）到槽函数update（）
（2）当调用update（）的时候，系统会通知当前界面进行重绘。

 ui->setupUi(this);
    QTimer *timer = new QTimer(this);
    connect(timer, SIGNAL(timeout()), this, SLOT(update()));
    timer->start(1000);
    setWindowTitle(tr("My Clock"));
    resize(500,500);

注意：使用QTimer定时刷新，设置超时时间为1s.

3.绘制小时对应的文本

（1）文本区域通过textRectF（）计算。
（2）实现一个用于获取文本区域的接口

QRectF Widget::textRectF(double radius, int pointSize, double angle)
{
   
   
    QRectF rectF;
    rectF.setX(radius*cos(angle*M_PI/180.0) - pointSize*2);
    rectF.setY(radius*sin(angle*M_PI/180.0) - pointSize/2.0);
    rectF.setWidth(pointSize*4);
    rectF.setHeight(pointSize);
    return rectF;
}