qt QPainter 时间轴

QPainter 是 Qt 中绘图的基本工具，可以用来在 QWidget 或者其他绘图设备上绘制各种图形、文本和图像等。

如果你想要实现一个时间轴，可以通过以下步骤来实现：

1. 继承 QWidget，重写 paintEvent() 函数，在函数中创建 QPainter 对象。
2. 在 QPainter 对象上绘制时间轴的背景、时间刻度、刻度值等。
3. 在鼠标事件中处理鼠标事件，比如拖动时间轴、缩放等。
4. 在定时器事件中更新时间轴的位置，实现时间轴的自动滚动。

以下是一个简单的时间轴的实现示例：

class TimelineWidget : public QWidget
{
    Q_OBJECT

public:
    TimelineWidget(QWidget *parent = nullptr);

protected:
    void paintEvent(QPaintEvent *event) override;
    void mousePressEvent(QMouseEvent *event) override;
    void mouseMoveEvent(QMouseEvent *event) override;
    void wheelEvent(QWheelEvent *event) override;
    void timerEvent(QTimerEvent *event) override;

private:
    void drawBackground(QPainter *painter);
    void drawScale(QPainter *painter);
    void drawCursor(QPainter *painter);

    int m_offset; // 时间轴偏移量
    int m_scale; // 时间轴刻度
    int m_cursorPos; // 光标位置
    int m_timerId; // 定时器 ID
};

TimelineWidget::TimelineWidget(QWidget *parent)
    : QWidget(parent)
    , m_offset(0)
    , m_scale(10)
    , m_cursorPos(0)
{
    setMinimumSize(400, 100);
    setMouseTracking(true);
    m_timerId = startTimer(50); // 定时器每隔50ms触发一次
}

void TimelineWidget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    drawBackground(&painter);
    drawScale(&painter);
    drawCursor(&painter);
}

void TimelineWidget::mousePressEvent(QMouseEvent *event)
{
    if (event->button() == Qt::LeftButton) {
        // 记录光标位置
        m_cursorPos = event->x();
    }
}

void TimelineWidget::mouseMoveEvent(QMouseEvent *event)
{
    if (event->buttons() & Qt::LeftButton) {
        // 计算时间轴偏移量
        int delta = event->x() - m_cursorPos;
        m_offset += delta;
        m_cursorPos = event->x();
        update();
    }
}

void TimelineWidget::wheelEvent(QWheelEvent *event)
{
    // 缩放时间轴
    int numDegrees = event->delta() / 8;
    int numSteps = numDegrees / 15;
    m_scale += numSteps;
    if (m_scale < 1) {
        m_scale = 1;
    }
    update();
}

void TimelineWidget::timerEvent(QTimerEvent *event)
{
    if (event->timerId() == m_timerId) {
        // 每隔一段时间自动滚动时间轴
        m_offset += 1;
        update();
    }
}

void TimelineWidget::drawBackground(QPainter *painter)
{
    painter->fillRect(rect(), Qt::white);
}

void TimelineWidget::drawScale(QPainter *painter)
{
    int width = rect().width();
    int height = rect().height();
    int startX = m_offset % m_scale;
    int yPos = height - 20;

    for (int x = startX; x < width; x += m_scale) {
        painter->drawLine(x, yPos, x, yPos - 10);
        painter->drawText(x + 2, yPos + 15, QString::number(x));
    }
}

void TimelineWidget::drawCursor(QPainter *painter)
{
    painter->setPen(Qt::red);
    painter->drawLine(m_cursorPos, 0, m_cursorPos, rect().height());
}

在使用时，只需要将 TimelineWidget 添加到窗口中即可：

#include <QApplication>
#include "timelinewidget.h"

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    TimelineWidget w;
    w.show();

    return a.exec();
}

运行后可以看到一个简单的时间轴界面，可以通过鼠标拖动、滚轮缩放和自动滚动实现时间轴的操作。