analogclock.h
#ifndef ANALOGCLOCK_H
#define ANALOGCLOCK_H
#include <QWidget>
//! [0]
class AnalogClock : public QWidget
{
Q_OBJECT
public:
AnalogClock(QWidget *parent = 0);
protected:
void paintEvent(QPaintEvent *event);
};
//! [0]
#endif
没什么好注释的-_-b
analogclock.cpp
#include <QtGui>
#include "analogclock.h"
AnalogClock::AnalogClock(QWidget *parent)
: QWidget(parent)
{
QTimer *timer = new QTimer(this);
connect(timer, SIGNAL(timeout()), this, SLOT(update()));
timer->start(1000);
//Qt的计时器类，start设定触发间隔，1000毫秒即一秒timeout一次，将整个widget update一次，即重绘窗口
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)
};//分针形状
QColor hourColor(127, 0, 127);
QColor minuteColor(0, 127, 127, 191);
//颜色
int side = qMin(width(), height());
QTime time = QTime::currentTime();
//Qt的时间类，获得当时时间
QPainter painter(this);
painter.setRenderHint(QPainter::Antialiasing);
painter.translate(width() / 2, 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.drawLine(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);
}
//画表盘的分针刻度
}
main.cpp
#include <QApplication>
#include "analogclock.h"
int main(int argc, char *argv[])
{
QApplication app(argc, argv);
AnalogClock clock;
clock.show();
return app.exec();
}
效果图
然后是激动人心的乱改时间，首先添加一个秒针，仿照时针分针就行，不过秒针一般细长一些，再设定个颜色，就灰的吧
static const QPoint secondHand[3] = {
QPoint(3, 8),
QPoint(-3, 8),
QPoint(0, -90)
};
QColor secondColor(99, 99, 99);
再然后是要画出来，就加在最后吧
painter.setBrush(secondColor);
painter.save();
painter.setPen(Qt::NoPen);
painter.rotate(6.0 * time.second());
painter.drawConvexPolygon(secondHand,3);
painter.restore();
效果图
再然后可以将秒针的移动模拟成机械表
首先将timer的触发间隔改为100
timer->start(100);
然后把秒针重绘改成
painter.rotate(6.0 * (time.second() + time.msec()/1000.0 ));
还可以改秒针形状
static const QPoint secondHand[4] = {
QPoint(1, 8),
QPoint(-1, 8),
QPoint(-1, -90),
QPoint(1,-90)
};
painter.drawConvexPolygon(secondHand,4);
记得有人和我说过，软件这个东西太神奇了，无论什么东西都能模拟出来，我来模拟一下双表盘吧-_-b
首先新建一个painter2
QPainter painter2(this);
painter2.setRenderHint(QPainter::Antialiasing);
painter2.translate(width() / 4, height() / 8 * 5); //平移到左偏下
painter2.scale(side / 600.0, side / 600.0); //绽放比例是刚才的1/3
painter2.setPen(Qt::NoPen);
painter2.setBrush(secondColor);
painter2.save();
painter2.rotate(6.0 * (time.second() + time.msec()/1000.0 )); //这里都是一样的
painter2.drawConvexPolygon(secondHand,4);
painter2.restore();
painter2.setPen(secondColor);
for (int j = 0; j < 60; ++j) {
painter2.drawLine(92, 0, 96, 0);
painter2.rotate(6.0);
}
//画个小表盘
效果图
实在很丑-_-b，凑乎看吧。
三表盘+逆跳
QPainter painter2(this);
painter2.setRenderHint(QPainter::Antialiasing);
painter2.translate(width() / 4, height() / 8 * 5);
painter2.scale(side / 600.0, side / 600.0);
painter2.setPen(Qt::NoPen);
painter2.setBrush(secondColor);
painter2.save();
if(time.second()<30)
painter2.rotate(6.0 * (time.second() + time.msec()/1000.0 ));
else if(time.second()==30 && time.msec()<550)
painter2.rotate(180 - 36.0 * time.msec()/100.0);
painter2.drawConvexPolygon(secondHand,4);
painter2.restore();
painter2.setPen(secondColor);
painter2.rotate(270);
for (int j = 0; j < 30; ++j) {
painter2.drawLine(92, 0, 96, 0);
painter2.rotate(6.0);
}
QPainter painter3(this);
painter3.setRenderHint(QPainter::Antialiasing);
painter3.translate(width() / 4 * 3, height() / 8 * 3);
painter3.scale(side / 600.0, side / 600.0);
painter3.setPen(Qt::NoPen);
painter3.setBrush(secondColor);
painter3.save();
if(time.second()>30)
painter3.rotate(360 - (6.0 * (time.second()-30 + time.msec()/1000.0 )));
else if (time.second()==0 && time.msec()<550)
painter3.rotate(180 + 36.0 * time.msec()/100.0);
painter3.drawConvexPolygon(secondHand,4);
painter3.restore();
painter3.setPen(secondColor);
painter3.rotate(90);
for (int j = 0; j < 30; ++j) {
painter3.drawLine(92, 0, 96, 0);
painter3.rotate(6.0);
}
效果图
我实在有够无聊的-_-b，做这么个难看的东西出来-_-b
