QT+WIN7下开发的一个基于widget的时钟程序

注：根据Qt小神童的视频教程改编

概论:利用最新的Qt5.1.1在windows下开发的一个小的时钟程序，有指针与表盘。

1.Qt for windows开发环境 

最新的Qt已经集成了例子，QtCreator(Qt开发IDE)，所以只需要到官网下去下载最新的Qt即可。

下载链接:

http://qt-project.org/downloads,打开后选择windows版本；我的是VS2010，所以是

下载完成后基本上就是下一步的傻瓜式安装，就不再表述了。

2.时钟程序的流程

1)创建工程

打开QtCreator,点新建->文件或项目->Qt Gui应用,然后下一步，命名后下一步，到详情页后，选择基类为QWidget(小部件)，这样创建好了一个基本的基于Qwidget的工程了。

2).编写代码:

打开工程，选择编辑，可以看到以下文件:

*1）clock文件中就包含了继承自Qwidget类的定义:

#ifndef CLOCK_H

#define CLOCK_H

#include 

class Clock : public QWidget

{

    Q_OBJECT

public:

    Clock(QWidget *parent = 0);

    ~Clock();

protected:

    void paintEvent(QPaintEvent *);

};

#endif // CLOCK_H

其中Q_OBJECT表示程序中可能用到信号、槽的定义，是一个宏替换，在接下来的定时器中会用到，所以这个必须声明。

*2）main函数结构:

如同普通的程序，QT程序也有个main函数入口:

#include "clock.h"
#include 
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Clock w;
    w.show();// 显示widget
    return a.exec();// 执行运行，类似while(1) { if () break;}
}
*3）我们的功能主要就是在这个Clock类中实现的。
定义一个定时器，并与重绘函数绑定:
Clock::Clock(QWidget *parent)
    : QWidget(parent)
{
    QTimer * pTimer = new QTimer(this);// 定义一个定时器
    pTimer->start(1000);// 每一秒触发一次
    connect(pTimer, SIGNAL(timeout()), this, SLOT(update()));//半定时触发与特定函数绑定起来.
    resize(200,200);// 重设窗口大小 
}

在我们绑定的update函数中，它会调用程序的
paintEvent(QPaintEvent *)函数，类似于MFC中的OnPaint函数，
这个函数继承自父类QWidget，主要的绘制动作在这里完成.
Qt中有个与CDC设备类似的绘图类，就是QPainter;有了它，就可以进行绘图，输出文本等操作;
要实现一个时钟，必不可少的就是时间类，Qt中可以用
QTime::
currentTime()来获取当前时间，它返回当前的小时，分钟，秒，不用我们再做其它计算了，方便很多。
主要代码如下:
void Clock::paintEvent(QPaintEvent *)
{
    QTime time = QTime::currentTime();/* 获取当地当前时间 */
    QPainter paint(this); /* 定义一个绘图设备 */
    /* 窗口大小是(200,200),那么就将坐标系移动到屏幕中央(100,100)作为本地的中心(0,0) 
    (0,0)--------------------
        |         |          |
        |         |          |
        |         |          |
        |         |          |
        |         |(100,100)作为新的(0,0)
        |         |          |
        |         |          |
        |         |          |
        |         |          |
        ---------------------(200,200))
    */
    paint.translate(100, 100);
    //paint.drawLine(0, 0, 100, 100);
    /* 设置渲染效果是各向异性 */
    paint.setRenderHint(QPainter::Antialiasing);
    /* 设置画刷与画笔 */
    paint.setBrush(Qt::red);
    paint.setPen(Qt::red);
    paint.save();
    paint.rotate(6.0 * time.second());
    /* 绘制秒针对应的多边形 */
    paint.drawConvexPolygon(sed, 4);
    paint.restore();
    /* 设置画刷与画笔 */
    paint.setBrush(Qt::blue);
    paint.setPen(Qt::blue);
    paint.save();/* 保存之前的坐标系 */
    paint.rotate(6.0 * (time.minute() + time.second() /60.0));/* 6(360 / 60)度移动一个完整格子，剩下的慢慢移动 */
    /* 绘制分针对应的多边形 */
    paint.drawConvexPolygon(min, 4);
    paint.restore(); /* 恢复之前的坐标系 */
    /* 设置画刷与画笔 */
    paint.setBrush(Qt::black);
    paint.setPen(Qt::black);
    paint.save();
    paint.rotate(30.0 * (time.hour() + time.minute() / 60.0));/* 30(360 / 12)度移动一个完整格子，剩下的慢慢移动 */
    /* 绘制时针对应的多边形 */
    paint.drawConvexPolygon(hour, 4);
    paint.restore();
    /* 绘制表盘 */
    for (int i = 1; i <= 60; i++) {
        paint.rotate(6);/* 坐标轴旋6度 */
        if (i == 60) {
            paint.save();
            paint.setBrush(Qt::red);
            paint.setPen(Qt::red);
            paint.drawLine(0, -98, 0, -82); /* -98*cos(30).. */
            paint.restore();
        } else if (i == 30) {
            paint.save();
            paint.setBrush(Qt::red);
            paint.setPen(Qt::red);
            paint.drawLine(0, -98, 0, -83); /* -98*cos(30).. */
            paint.restore();
        } else if (i == 45 || i == 15) {
            paint.save();
            paint.setBrush(Qt::yellow);
            paint.setPen(Qt::yellow);
            paint.drawLine(0, -98, 0, -84); /* -98*cos(30).. */
            paint.restore();
        } else if (i %5 == 0) {
            paint.save();
            paint.setBrush(Qt::yellow);
            paint.setPen(Qt::yellow);
            paint.drawLine(0, -98, 0, -86); /* -98*cos(30).. */
            paint.restore();
        } else {
            paint.drawLine(0, -98, 0, -88); /* -98*cos(30).. */
        }
    }
    /* 绘制表盘主要数字12,6,9,3 */
    paint.save();
    paint.setBrush(Qt::green);
    paint.setPen(Qt::green);
    QFont* pFont = new QFont("华文彩云", -1, 75, false);
    paint.setFont(*pFont);
    paint.drawText(QRectF(-8, -80, 25, 15), "12");
    paint.drawText(QRectF(-4, 70, 25, 15), "6");
    paint.drawText(QRectF(-75, -5, 25, 15), "9");
    paint.drawText(QRectF(70, -5, 25, 15), "3");
    delete pFont;
    paint.restore();
}
3)总结
这样一个Qt的时钟就完成了，很简单吧。
蛋疼的是发布这个可运行的程序却要包含很多的动态库，我在未压缩的情况下竟然将近36M，希望到5.2时这个问题能得到改进。
最后附上工程下载与可执行文件:
工程:
http://download.csdn.net/detail/yuanmushen/6679799
可执行程序:
http://download.csdn.net/detail/yuanmushen/6679783
欢迎大家美化这个时钟，共同探讨学习c++&&Qt.