文档介绍：Qt学****笔记之模拟时钟
linux教程/
dlong
简述
Qt自带的示例中有一个是关于时钟,演示了如何用QPainter的转换和缩放特性来绘制自定义部件。
其中主要包含了时针、分针的绘制,并不包含秒针。下面,我们在原示例的基础上进行扩展。
简述
实现方式
示例
效果
源码
更多参考
实现方式
由于时钟是妙级更新的,所以我们需要定时刷新,时钟则使用之前讲过的QPainter 2D图形来进行绘制。
使用QTimer定时刷新,设置超时时间为1000毫秒(1秒)。
绘制时钟,通过paintEvent()实现,包括:时针、分针、秒针、及面板、表盘等。
示例
效果
源码
首先,我们构造一个定时器QTimer,连接其超时信号timeout()到槽函数update(),当调用update()时,系统会自动通知当前界面进行重绘(paintEvent())。
MainWindow::MainWindow(QWidget *parent)
: CustomWindow(parent)
{
...
// 构造定时器,设置超时为1秒
QTimer *timer = new QTimer(this);
connect(timer, SIGNAL(timeout()), this, SLOT(update()));
timer->start(1000);
...
}
重写paintEvent(),用于绘制时钟。
void MainWindow::paintEvent(QPaintEvent *event)
{
Q_UNUSED(event);
// 时针、分针、秒针位置- 多边形
static const QPoint hourHand[3] = {
QPoint(7, 8),
QPoint(-7, 8),
QPoint(0, -30)
};
static const QPoint minuteHand[3] = {
QPoint(7, 8),
QPoint(-7, 8),
QPoint(0, -65)
};
static const QPoint secondHand[3] = {
QPoint(7, 8),
QPoint(-7, 8),
QPoint(0, -80)
};
// 时针、分针、秒针颜色
QColor hourColor(127, 0, 120);
QColor minuteColor(0, 127, 127, 120);
QColor secondColor(0, 160, 230, 120);
int side = qMin(width(), height());
QTime time = QTime::currentTime();
QPainter painter(this);
(QPainter::Antialiasing);
// 平移坐标系原点至中心点
(width() / 2, height() / 2);
// 缩放
(side / , side