C/C++ 测试Qt官网的模拟时钟示例

操作系统：UOS20专业版
qt环境安装：apt-get install qtcreator（会自动安装QtCreator编辑器及相关环境，新版qt似乎不再提供安装包）
qt版本：qt5.11

官网示例：
Analog Clock（Qt6.6版本的）
Qt5.11版本的模拟时钟代码（查看qt6.6版本对应的代码，然后在右上角切换版本）

项目创建

1. 打开QtCreator编辑器。
2. 文件->新建文件或项目->Application->Qt Widgets Application（因为只是做PC端UI，选这个就可以）
3. 点击“choose”后设置好项目名和类名，完成后会自动创建基础文件（我的项目名和类名都是AnalogClock）。
4. main.cpp和analogclock.cpp文件等都已经创建好，并main.cpp默认已经写好基础调用代码，所以只需修改analogclock.cpp和analogclock.h。
5. 我的代码示例如下：

analogclock.h（只需添加函数声明）：

#ifndef ANALOGCLOCK_H
#define ANALOGCLOCK_H

#include 

namespace Ui {
class AnalogClock;
}

class AnalogClock : public QWidget
{
    Q_OBJECT

public:
    explicit AnalogClock(QWidget *parent = nullptr);
    ~AnalogClock();

private:
    Ui::AnalogClock *ui;
protected:
    void paintEvent(QPaintEvent *event) override; // 只添加了这个方法声明
};

#endif // ANALOGCLOCK_H

analogclock.cpp（在原基础上添加了秒针）

#include "analogclock.h"
#include "ui_analogclock.h"
#include ; // 新增行：添加头，解决QTimer缺失问题

AnalogClock::AnalogClock(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::AnalogClock)
{
    ui->setupUi(this);
    QTimer *timer = new QTimer(this);
	// 将超时信号连接到update()槽函数，此函数会导致重新渲染，重新渲染会调用paintEvent(QPaintEvent *)
    connect(timer, SIGNAL(timeout()), this, SLOT(update()));
	// 设置超时时间为1000毫秒
    timer->start(1000);

    setWindowTitle(tr("Analog Clock"));
    resize(200, 200);
}
// 触发绘制事件时执行此函数，如最大化等
void AnalogClock::paintEvent(QPaintEvent *)
{
	// 设置三个坐标点，用于绘制三角形的指针
    static const QPoint hourHand[3] = {
        QPoint(7, 8),
        QPoint(-7, 8),
        QPoint(0, -40)
    };
    static const QPoint minuteHand[3] = {
        QPoint(7, 8),
        QPoint(-7, 8),
        QPoint(0, -70)
    };
    static const QPoint secondHand[3] = { // 新增部分：绘制秒针的参数
        QPoint(3, 10),
        QPoint(-3, 10),
        QPoint(0, -90)
    };

    QColor hourColor(127, 0, 127);
    QColor minuteColor(0, 127, 127, 191); // RGBA，第四个是透明度
    QColor secondColor(255, 0, 0, 200); // 新增行：秒针颜色
	// 选取最小边长
    int side = qMin(width(), height());
    QTime time = QTime::currentTime();

    QPainter painter(this);
    // 设置渲染提示为：抗锯齿
    painter.setRenderHint(QPainter::Antialiasing);
    // 移动坐标原点到页面中心
    painter.translate(width()/2, height()/2);
    // 设置页面横纵缩放的比例因子。（因为默认绘制的表盘基本是200 * 200的大小，所以这里除以200）
    painter.scale(side/200.0, side/200.0);

    painter.setPen(Qt::NoPen); // 设置画笔为无色，从而隐藏边框
    painter.setBrush(hourColor); // 设置填充颜色

    painter.save(); // 保存此时的绘图参数状态，之后调用painter.restore();来恢复到此状态

    painter.rotate(30.0 * ((time.hour() + time.minute() / 60.0))); // 设置绘图坐标的偏转角
    painter.drawConvexPolygon(hourHand, 3); // 绘制多边形，3则为3边形
    painter.restore(); // 恢复到之前painter.save();时的绘图参数状态，但保存点不能重复恢复

    painter.setPen(hourColor);

    for (int i = 0; i < 12; ++i) {
        painter.drawLine(88, 0, 96, 0); // 画一个坐标为(88, 0), (96, 0)的横线
        painter.rotate(30.0); // 偏转角度，循环后正好回原位
    }

    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(92, 0, 96, 0);
        painter.rotate(6.0);
    }
	// 新增部分：以下为绘制秒针
    painter.setPen(Qt::NoPen);
    painter.setBrush(secondColor);

    painter.rotate(6.0 * time.second());
    painter.drawConvexPolygon(secondHand, 3);
}
AnalogClock::~AnalogClock()
{
    delete ui;
}

效果图：