qt下的时钟程序（简单美丽，继承自QWidget的Clock，用timer调用update刷新，然后使用paintEvent作画就行了，超详细中文注释）good

Posted 2020-09-22 朝闻道

最近抽空又看了下qt，发现用它来实现一些东西真的很容易
比如下面这个例子，绘制了个圆形的时钟，
但代码却清晰易懂［例子源自奇趣科技提供的例子］
因为清晰，所以就只写注释了，吼吼
其实也就这么几行代码
头文件

//clock.h

#ifndef CLOCK_H
#define CLOCK_H

#include <QWidget>

class Clock : public QWidget
{
//对于具有signal，slot机制的类需要声明
    Q_OBJECT

public:
    Clock(QWidget *parent = 0);

protected:
//重绘用的事件处理函式
    void paintEvent(QPaintEvent *event);
};

#endif // CLOCK_H

cpp文件

  1 #include "clock.h"
  2 
  3 
  4 #include <QtGui>
  5 
  6 #include "clock.h"
  7 
  8 Clock::Clock(QWidget *parent): QWidget(parent)
  9 {
 10 //声明一个定时器
 11     QTimer *timer = new QTimer(this);
 12 //连接信号与槽
 13     connect(timer, SIGNAL(timeout()), this, SLOT(update()));
 14     timer->start(1000);
 15 //设置窗体名称与大小
 16     setWindowTitle(tr("Clock"));
 17     resize(200, 200);
 18 
 19 }
 20 
 21 
 22 void Clock::paintEvent(QPaintEvent *)
 23 
 24 {
 25 //下面三个数组用来定义表针的三个顶点，以便后面的填充
 26     static const QPoint hourHand[3] = {
 27         QPoint(3, 8),
 28         QPoint(-3, 8),
 29         QPoint(0, -40)
 30     };
 31     static const QPoint minuteHand[3] = {
 32         QPoint(3, 8),
 33         QPoint(-3, 8),
 34         QPoint(0, -70)
 35     };
 36     static const QPoint secondHand[3] = {
 37         QPoint(3, 8),
 38         QPoint(-3, 8),
 39         QPoint(0, -90)
 40     };
 41 
 42 //填充表针的颜色
 43     QColor hourColor(127, 0, 127);
 44     QColor minuteColor(0, 127, 127, 191);
 45     QColor secondColor(127, 127,0,120);
 46 //绘制的范围
 47     int side = qMin(width(), height());
 48 //获取当前的时间
 49     QTime time = QTime::currentTime();
 50 //声明用来绘图用的“画家”
 51     QPainter painter(this);
 52 
 53     painter.setRenderHint(QPainter::Antialiasing);
 54 //重新定位坐标起始点点
 55     painter.translate(width() / 2, height() / 2);
 56 //设定花布的边界
 57     painter.scale(side / 200.0, side / 200.0);
 58 //填充时针，不需要边线所以NoPen
 59     painter.setPen(Qt::NoPen);
 60 //画刷颜色设定
 61     painter.setBrush(hourColor);
 62 //保存“画家”的状态   
 63     painter.save();
 64 //将“画家”（的”视角“）根据时间参数转移
 65     painter.rotate(30.0 * ((time.hour() + time.minute() / 60.0)));
 66 //填充时针的区域
 67     painter.drawConvexPolygon(hourHand, 3);
 68 //恢复填充前“画家”的状态    
 69     painter.restore();
 70 
 71 //下面画表示小时的刻度，此时要用到画笔（因为要划线）
 72     painter.setPen(hourColor);
 73 //十二个刻度，循环下就好了
 74     for (int i = 0; i < 12; ++i) {
 75 //没次都是这样，先画跳线，再转个角 
 76        painter.drawLine(88, 0, 96, 0);
 77         painter.rotate(30.0);
 78     }
 79 
 80 //后面的跟前面的类似，分别绘制了分针和秒针，及相应的刻度，我就不废话了
 81 
 82     painter.setPen(Qt::NoPen);
 83 
 84     painter.setBrush(minuteColor);
 85 
 86 
 87     painter.save();
 88     painter.rotate(6.0 * (time.minute() + time.second() / 60.0));
 89     painter.drawConvexPolygon(minuteHand, 3);
 90     painter.restore();
 91 
 92     painter.setPen(minuteColor);
 93 
 94     for (int j = 0; j < 60; ++j) {
 95         if ((j % 5) != 0)
 96             painter.drawLine(92, 0, 96, 0);
 97         painter.rotate(6.0);
 98     }
 99 
100 
101     painter.setPen(Qt::NoPen);
102 
103     painter.setBrush(secondColor);
104 
105     painter.save();
106     painter.rotate(6.0*time.second());
107     painter.drawConvexPolygon(secondHand,3);
108     painter.restore();
109 
110 }
111 
112 

main文件

#include <QApplication>

#include "clock.h"

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
//声明下，再show出来就可以了
    Clock clock;
    clock.show();
    return app.exec();
}

pro文件

HEADERS       = clock.h
SOURCES       = clock.cpp \\
                main.cpp

下面是运行时的截图，开发环境为qtcreator

在奇趣提供的例子中还将其做成了控件，有时间在写点关于那个例子的东西。

 

http://www.cnblogs.com/pingf/archive/2009/08/06/1540374.html