Qt5官方demo解析集7——Analog Clock Example

本系列所有文章可以在这里查看http://blog.csdn.net/cloud_castle/article/category/2123873

一直想找个成套的例子给大家看看，一来可以由浅入深，习得复杂中的缘由，简单中的精妙。二来呢一直觉得比较性的学习是最有效率的~

无奈Qt中这种例子并不多，好在今天又碰到一个。这三个Clock Example基本同出一派，但也都有些值得玩味的地方，先从第一个例子开始吧~

介绍是这样写的：

The Analog Clock example shows how to draw the contents of a custom widget.

This example also demonstrates how the transformation and scaling features of QPainter can be used to make drawing custom widgets easier.

也就是说，从这个例子里，我们应该能了解到一些scaling和transformation在绘图中的应用~

先看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

没什么特别好说的，就是一点，为什么事件通常被protected继承？

第一，子类通常应当可以响应父类可以响应的事件，因此不应该使用private。

第二，事件函数由特定的事件触发，而不应当被实例对象所调用。w->mouseMoveInEvent(QMouseEvent *e);这种用法一定很奇怪吧。因此不应该使用public。

analogclock.cpp:

#include <QtWidgets>

#include "analogclock.h"

//! [0] //! [1]                           // 话说我一直不懂! [0]这些表明什么，有了解的网友希望告诉我一下。。。
AnalogClock::AnalogClock(QWidget *parent)
//! [0] //! [2]
    : QWidget(parent)
//! [2] //! [3]
{
//! [3] //! [4]
    QTimer *timer = new QTimer(this);
//! [4] //! [5]
    connect(timer, SIGNAL(timeout()), this, SLOT(update())); // 1秒信号槽
//! [5] //! [6]
    timer->start(1000);
//! [6]

    setWindowTitle(tr("Analog Clock"));
    resize(200, 200);
//! [7]
}
//! [1] //! [7]

//! [8] //! [9]
void AnalogClock::paintEvent(QPaintEvent *)
//! [8] //! [10]
{
    static const QPoint hourHand[3] = { // 时针的坐标数组。一个尖尖向下的三角形的三个点的坐标
        QPoint(7, 8),
        QPoint(-7, 8),
        QPoint(0, -40)
    };
    static const QPoint minuteHand[3] = { // const能理解，static能理解吗？每秒一次的update()，每次创建这个数组麻烦不？麻烦，那就使用静态变量就好了
        QPoint(7, 8),
        QPoint(-7, 8),
        QPoint(0, -70)
    };

    QColor hourColor(127, 0, 127);         // 时针颜色的RGB值
    QColor minuteColor(0, 127, 127, 191);  // 分针拥有75%的透明度

    int side = qMin(width(), height());  // 这里取的是窗口长宽的较小值
    QTime time = QTime::currentTime();  // 取当前时间
//! [10]

//! [11]
    QPainter painter(this);
//! [11] //! [12]
    painter.setRenderHint(QPainter::Antialiasing);  // 渲染属性
//! [12] //! [13]
    painter.translate(width() / 2, height() / 2);  // 坐标变换，中点坐标变为为(0, 0)
//! [13] //! [14]
    painter.scale(side / 200.0, side / 200.0);  // 缩放为窗口长宽的较小值的 1/200。也就是1。那有什么意义呢？为了用户缩放窗口的时候也能铺满整个窗口嘛
//! [9] //! [14]

//! [15]
    painter.setPen(Qt::NoPen);  // 不绘制图像边界
//! [15] //! [16]
    painter.setBrush(hourColor);
//! [16]

//! [17] //! [18]
    painter.save();  // 保存设置
//! [17] //! [19]
    painter.rotate(30.0 * ((time.hour() + time.minute() / 60.0)));  // 以每小时30度旋转坐标系
    painter.drawConvexPolygon(hourHand, 3);  // 画时针
    painter.restore();  // 重载刚才保存的设置，也就是把旋转的坐标系重置回来了
//! [18] //! [19]

//! [20]
    painter.setPen(hourColor);
//! [20] //! [21]

    for (int i = 0; i < 12; ++i) {  // 这个for循环就是画时针线咯
        painter.drawLine(88, 0, 96, 0);
        painter.rotate(30.0);  // 坐标系旋转了30 * 12 度，就不用重置了
    }
//! [21]

//! [22]
    painter.setPen(Qt::NoPen);
//! [22] //! [23]
    painter.setBrush(minuteColor);

//! [24]
    painter.save();
    painter.rotate(6.0 * (time.minute() + time.second() / 60.0));  
    painter.drawConvexPolygon(minuteHand, 3);  // 画分针
    painter.restore();
//! [23] //! [24]

//! [25]
    painter.setPen(minuteColor);
//! [25] //! [26]

//! [27]
    for (int j = 0; j < 60; ++j) {
        if ((j % 5) != 0)                  // 如果 j 是5的整数倍就不画了
            painter.drawLine(92, 0, 96, 0);
        painter.rotate(6.0);
    }
//! [27]
}
//! [26]

ok，这个例子就到这里，有意思的还在后面~